Ngのリピート結果が表示されない

Question

私は角度jsを使い慣れていますが、これを理解しようとしましたが、結果が表示されない理由はまだ分かりません。私はentry_dateとremarksを取得しようとしています。ここに私の配列の例である： -

0: { 
    name: "James", 
    student_branch: { 
     0: { 
     entry_date: "13 Dec 2016", 
     remarks: "Naughty" 
     }, 
     1: { 
     entry_date: "13 Dec 2017", 
     remarks: "Nice" 
     } 
    } 
    class: "Gems" 
} 

1: { 
    name: "Admiral", 
    student_branch: { 
     0: { 
     entry_date: "13 Dec 2016", 
     remarks: "Naughty" 
     }, 
     1: { 
     entry_date: "13 Dec 2017", 
     remarks: "Naughty" 
     } 
    } 
    class: "Gold" 
} 

私はこれを試してみましたが、それは動作しません、上に示した配列はstudentDetailsにされ、

<tr ng-repeat="customer in studentDetails"> 

    <td ng-repeat="(key, value) in studentHeader"> 
     <!-- Ignore this line --> 



     <div ng-repeat="item in customer.student_branch track by $index"> 
     <span ng-repeat="value in item track by $index">{{value.entry_date}}</span> 
     <span ng-repeat="value in item track by $index">{{value.remarks}}</span> 
     </div> 

    </td> 
</tr> 

Answer 1

あなたはそれがない場合ng-repeatを使用しているように見えますかなり適切です。あなたがng-repeat="item in customer.student_branch track by $index"を使用する場合

item変数は各反復のために、このようなオブジェクトが含まれます：

{ entry_date: "13 Dec 2016", remarks: "Naughty" } 

を次にあなたがネストされたng-repeat="value in item track by $index"を使用する場合value -variable実際に値が含まれます

"13 Dec 2016" 
and 
"Naughty" 

だからあなたが使用しようとするとvalue.entry_dateの場合はundefinedが返されます。これは実際には"13 Dec 2016".entry_dateを呼び出すのと同じです。だから、最も内側のng-repeatを持つことがあなたの問題を引き起こしているのです。実際にコレクションを反復しようとしているときには、実際にはng-repeatを使用してください。

だから、正しいコードは次のようになります。

<tr ng-repeat="customer in studentDetails"> 
    <td ng-repeat="(key, value) in studentHeader"><!-- Ignore this line --> 

     <div ng-repeat="item in customer.student_branch track by $index"> 
      <span>{{item.entry_date}}</span> 
      <span>{{item.remarks}}</span> 
     </div>  

    </td> 
</tr> 

Answer 2

あなたはu「はこの行を無視する」とは何を意味しています

<tr ng-repeat="customer in studentDetails"> 
    <td> 
     <div ng-repeat="item in customer.student_branch track by $index"> 
      <span>{{item.entry_date}}</span> 
      <span>{{item.remarks}}</span> 
     </div>  
    </td> 
</tr>