複数のng-repeatを実行しようとしていますので、私のjsonで3番目のレベルの配列にアクセスしてテーブルに表示できますが、この作業はできません。

Question

ng-repeatをネストしようとしていますが、それを正しく行う。 jsonのすべてのlineItemを表示する必要があります。

私が表示しようとしているjson値が3レベルの配列であるため、ネストされた ng-repeatを試しましたが、動作しません。

<table border="1" width="100%"> 
    <tr> 
    <th>Id</th> 
    <th>materialNumber</th> 
    <th>quantity</th> 
    </tr> 
    <tbody ng-repeat="subConfig in values.subConfigs.subConfig"> 
    <tr ng-repeat="lineItem in subConfig.lineItems.lineItem"> 
     <td>{{lineItem.lineItemId}}</td> 
     <td>{{lineItem.materialNumber}}</td> 
      <td>{{lineItem.quantity}}</td> 
    </tr> 
    </tbody> 
</table> 

here is jsfiddle I tried:

Answer 1

あなたのJSONは配列も変更する必要はあってはならない正しい形式値ではありませんでしたng-repeat="s in values.subConfigs.subConfig">ng-repeat="s in values.configBOM.subConfigs.subConfig">へ

のような何か

<tbody ng-repeat="s in values.configBOM.subConfigs.subConfig"> 
    <tr ng-repeat="lineItem in s.lineItems.lineItem"> 
     <td>{{lineItem.lineItemId}}</td> 
     <td>{{lineItem.materialNumber}}</td> 
      <td>{{lineItem.quantity}}</td> 
    </tr> 
    </tbody> 

Here is working fiddle

Answer 2

非常に小さな間違い：

jsonを配列ではなくオブジェクトに変更してください。指定した形式は間違っています。

だから、それは次のようになります。

$scope.values={} //whatever you want to write inside 

の代わり：

$scope.value=[]; 

第二に、あなたがNG-繰り返しをやっているときに、この行を変更する必要があります。

<tbody ng-repeat="subConfig in values.subConfigs.subConfig"> 

へ：

<tbody ng-repeat="subConfig in values.configBOM.subConfigs.subConfig">