AngularJs : Referencing to the value of an object inside angular {{ }} html markup

Question

I have an object like this:

items = [{a:1,b:2},{a:3,b:4}];
lists = [a,b];

Then this is my markup:

<div ng-repeat="item in items">
     <div ng-repeat="list in lists">
          // I want to display like this
          {{ item.{{list}} }}
     </div>
</div>

Why not try it like {{item}}.{{list}}? Since these are different objects with properties. — Ali Baig
– Ali Baig, Commented Jun 2, 2016 at 3:59

Rambler · Accepted Answer · 2016-06-02 04:05:03Z

1

Access it in the following manner :

<div ng-repeat="item in items">
 <div ng-repeat="list in lists">
      {{item[list]}}
 </div>
</div>

answered Jun 2, 2016 at 4:05

Rambler

5,5702 gold badges24 silver badges29 bronze badges

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

Comments

Thermite · Accepted Answer · 2016-06-02 04:17:21Z

0

the lists array should have quotes around the a and b...

lists = ['a','b'];

then the markup should be...

<div ng-repeat="item in items">
    <div ng-repeat="list in lists">
        {{item[list]}}
    </div>
</div>

answered Jun 2, 2016 at 4:17

Thermite

11 silver badge1 bronze badge

Comments

Reshma Reghunatha Panicker · Accepted Answer · 2016-06-02 04:21:52Z

0

Arrays should be like,

$scope.items = [{a:1,b:2},{a:3,b:4}];
$scope.lists = ["a","b"];

Html should be like,

<div ng-repeat="item in items">
  <div ng-repeat="list in lists">
    {{item[list]}}
  </div>
</div>

Now this will work.

answered Jun 2, 2016 at 4:21

Reshma Reghunatha Panicker

1,12111 silver badges23 bronze badges

Collectives™ on Stack Overflow

AngularJs : Referencing to the value of an object inside angular {{ }} html markup

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related