2016-05-01 12 views
0

を繰り返し、私はこのHTMLを得た:角度JSは、番号なしリストでは2つの配列を通じて

<ul class="demo-list-three mdl-list"> 
    <li class="mdl-list__item mdl-list__item--three-line" ng-repeat="p in projects"> 
     <span class="mdl-list__item-primary-content"> 
      <i class="material-icons mdl-list__item-avatar">person</i> 
      <span>{{p}}</span> 
      <span class="mdl-list__item-text-body"> 
       {{descriptions[0]}} 
      </span> 
     </span> 
     <span class="mdl-list__item-secondary-content"> 
      <a class="mdl-list__item-secondary-action" href="#"><i class="material-icons">star</i></a> 
     </span> 
    </li> 
</ul> 

プロジェクトとの記述は私のコントローラで配列されています。今では、Project Arrayの各項目のリスト項目を取得していますが、その説明をどのように繰り返すことができますか?

<span>{{descriptions[0]}}</span> 

そして、プロジェクトの次のpの次の反復で:点で

<span>{{descriptions[1]}}</span> 

おかげで最初のイテレーションで

のような! NG-繰り返しで

答えて

2

使用track by

<ul class="demo-list-three mdl-list"> 
    <li class="mdl-list__item mdl-list__item--three-line" ng-repeat="p in projects track by $index"> 
     <span class="mdl-list__item-primary-content"> 
      <i class="material-icons mdl-list__item-avatar">person</i> 
      <span>{{p}}</span> 
      <span class="mdl-list__item-text-body"> 
       {{descriptions[$index]}} 
      </span> 
     </span> 
     <span class="mdl-list__item-secondary-content"> 
      <a class="mdl-list__item-secondary-action" href="#"><i class="material-icons">star</i></a> 
     </span> 
    </li> 
</ul> 
+0

のTyそれは –

+0

を働いている、それが正解 –

+1

あなたが高速にあったようにそれを置く働いている場合、あなたは5分間待たなければなりません。) –

関連する問題