AngularJs: ссылка на значение объекта внутри угловой {{}} HTML-разметки

Question

AngularJs: ссылка на значение объекта внутри угловой {{}} HTML-разметки

0

У меня есть такой объект:

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

Тогда это моя разметка:

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

ryzskzkhie 02 июнь 2016, в 06:21

Источник

1

Почему бы не попробовать это как {{item}}. {{List}}? Так как это разные объекты со свойствами.
Ali Baig 02 июнь 2016, в 03:59

Теги:

angularjs

ng-repeat

3 ответа

0

Массивы должны быть похожими,

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

Html должен быть похож,

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

Теперь это сработает.

Jacky Coogan 02 июнь 2016, в 01:41

0

массив списков должен иметь кавычки вокруг a и b...

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

то разметка должна быть...

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

Thermite 02 июнь 2016, в 01:36

Ещё вопросы

Почему бы не попробовать это как {{item}}. {{List}}? Так как это разные объекты со свойствами.

Rambler · Accepted Answer · 2016-06-02T02-13-00.000Z

Получите доступ к нему следующим образом:

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