angularjs - 最大限度地利用 ng-repeat = 'item in items'

Question

ul
 li(ng-repeat='item in index')
  a(href='{{item}}') link is {{item}}

在控制器中

$scope.index= ['1', '2', '3', '4'];

$scope.alphabets= ['a', 'b', 'c', 'd'];

$scope.fruits = ['apple', 'banana', 'coconut', 'dates']

以上工作，但我们只能{{item}}在html页面中使用。所以两者href都<a> tag包含1, 2, 3, 4。

{{}}in 的双重评估{{alphabets[{{item}}]}}不起作用。

我想要做：

li(ng-repeat='item in index')
 a(href='alphabets[{{item}}]') fruits[{{item}}]

这表明

a(href='a') apple

score 3 · Accepted Answer

您不需要“嵌套”表达式。索引访问可以使用相同的表达式：{{fruits[$index]}}

li(ng-repeat='item in index')
 a(href='{{alphabets[$index]}}') {{fruits[$index]}}

顺便说一句，你为什么要这样建模数据。似乎有点hacky。只创建一个对象数组不是更好吗？

$scope.items = 
  [{letter: 'a', fruit: 'apple'}, {letter: 'b', fruit: 'banana'} /*etc.*/]

score 2 · Accepted Answer

您可以使用 $index 属性（即 ng-repeat.

<ul ng-repeat="item in index">
      <li><a href="{{alphabets[$index]}}">{{fruits[$index]}}</a></li>
</ul>

2 回答 2