AngularJS - Вычисление длина JSON массива

Question

У меня есть набор данных JSON и внутри него, я пытаюсь вычислить длину массива (Информация):

Моего JSON:

"Association": { 
    "Items": [ 
     { 
      "AssocName": { 
       "SurName": "BLOGGS", 
       "Title": "MR", 
       "ForeName": "HAPPY" 
      }, 
      "Details": [ 
       { 
        "Name": { 
         "SurName": "BLOGGS", 
         "Title": "MR", 
         "ForeName": "HAPPY" 
        }, 
        "Infos": [ 
         { 
         //Some Data 
         //Some Data 
         //Some Data 
         }, 
         { 
         //Some Data 
         //Some Data 
         //Some Data 
         }, 
         { 
         //Some Data 
         //Some Data 
         //Some Data 
         }, 
         { 
         //Some Data 
         //Some Data 
         //Some Data 
         } 
        ] 
       } 
      ] 
     }, 
     { 
      "AssocName": { 
       "SurName": "BLOGGS", 
       "Title": "MRS", 
       "ForeName": "BLUE" 
      }, 
      "Details": [ 
       { 
        "Name": { 
         "SurName": "BLOGGS", 
         "Title": "MRS", 
         "ForeName": "BLUE" 
        }, 
        "Infos": [ 
         { 
         //Some Data 
         //Some Data 
         //Some Data 
         }, 
         { 
         //Some Data 
         //Some Data 
         //Some Data 
         }      
        ] 
       } 
      ] 
     } 
    ] 
} 

Моих HTML:

<tr ng-repeat-start="associations in Association.Items track by $index"> 
    <td> 
     {[{associations.AssocName.Title}]} 
     {[{associations.AssocName.ForeName}]} 
     {[{associations.AssocName.SurName}]} 
    </td> 
    <td> 
     {[{ associations[$index].Details.Infos.length }]} of Details 
    </td> 
</tr> 

Но не Valus, кажется, не отображается ... Название, Имя и фамилия показывают, как ожидались.

Answer 1

Просто попробуйте этот путь, как показано ниже

Working Demo

<table> 
<tr ng-repeat="associations in Association.Items"> 
    <td> 
     {{associations.AssocName.Title}} 
     {{associations.AssocName.ForeName}} 
     {{associations.AssocName.SurName}} 
    </td> 
    <td> 
     [{{associations.Details[0].Infos.length}}] of Details 
    </td> 
</tr> 
</table> 

Answer 2

Вам не нужно индекс

<tr ng-repeat-start="associations in Association.Items"> 
    <td> 
     {[{associations.AssocName.Title}]} 
     {[{associations.AssocName.ForeName}]} 
     {[{associations.AssocName.SurName}]} 
    </td> 
    <td> 
     {[{ associations.Details.Infos.length }]} of Details 
    </td> 
</tr>