angular: accessing a JSON value using a variable key

Question

I have a variable param in scope as $scope.param that is always either foo or bar. I'm creating a table with rows defined by <tr ng-repeat="d in data">.

When I have the following: <td>{{d.foo}}</td> or <td>{{d.bar}}</td> everything works and the data shows up fine. However, when I have <td>{{d.param}}</td> angular can't find anything and the cell is blank.

In other words, I'm trying to access an object value using a variable as the key rather than the key itself. Any idea how to do this?

$scope.param and @scope.data are not the same thing. Just put param and not d.param. — Mike Cheel
– Mike Cheel, Commented Mar 18, 2014 at 19:34

tymeJV · Accepted Answer · 2014-03-18 19:39:46Z

2

Use bracket notation:

{{d[param]}}

answered Mar 18, 2014 at 19:39

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

Collectives™ on Stack Overflow

angular: accessing a JSON value using a variable key

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related