Evaluate an expression in AngularJs template

Question

I have a little problem with an AngularJs template I would like to evaluate something like this :

<span>{{myObject[prop]}}</span>

When I have a controller such like this :

$scope.myObject = { code: "1", value: "foo" };
$scope.prop = 'value';

In fact, I would like to dynamically retrieve a property of an object in a template. Here I would like to bind "myObject.value".

Thanks for your help !

user3722785 · Accepted Answer · 2014-09-04 07:49:49Z

3

you can do this in this

<span>{{prop}}</span>

$scope.myObject = { code: "1", value: "foo" };
$scope.prop=$scope.myObject.value;

answered Sep 4, 2014 at 7:34

user3722785

2161 silver badge13 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

myObject[0] is undefined, myObject is an object not an array :/

Wawy you can check this one actually i trie it in console.

noypi · Accepted Answer · 2014-09-04 07:55:45Z

0

{{ myObject[prop] }}

...

$scope.myObject = angular.fromJson( $templateCache.get('mytemplate') )
$scope.prop = 'a_prop_from_template_object';

answered Sep 4, 2014 at 7:55

noypi

99110 silver badges23 bronze badges