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

Answer 1

式を「ネスト」する必要はありません。インデックス アクセスは、同じ式で行うことができます。{{fruits[$index]}}

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

ところで、なぜそのようなデータをモデル化するのですか。少しハッキーなようです。オブジェクトの配列を作成したほうがよいのではないでしょうか?

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

Answer 2

$index プロパティを使用すると、より簡単に実行できます (これは、ng-repeat のアイテムのインデックスです。

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