1

これは私のコントローラの中にあります。角度のjのng-repeatに何も表示されない

var employee = [{name:"ankur",dept:"IT",company:"wipro",under:[{name1:"ashish"},{name1:"akash"},{name1:"tyagi"},{name1:"mogra"}]}]; 
    $scope.employee = employee; 

およびこの内側のhtmlページ。

<table> 
    <tr ng-repeat="emp in employee"> 
     <td>{{emp.name}}</td> 
     <td>{{emp.dept}}</td> 
     <td>{{emp.company}}</td> 
     <td ng-repeat="(key , value) in emp.under"> 
      a<td>{{key}}</td> 
      b<td>{{value}}</td> 
     </td> 
    </tr> 
</table> 

ただし、最初のng-repeatは正常に動作していますが、ng-repeatのネストされた場所には何も表示されません。

答えて

1

あなたNG-repeatが結構です、問題はあなたの代わりに、このように行うことができます行うには、td inside another tdである:

Fiddle

<div ng-app='app' ng-controller='mainCtrl'> 
    <table> 
    <tr ng-repeat="emp in employee"> 
     <td>{{emp.name}}</td> 
     <td>{{emp.dept}}</td> 
     <td>{{emp.company}}</td> 
     <td ng-repeat="(key , value) in emp.under">{{value.name1}} 
      <table> 
      <tr> 
       a<td>{{key}}</td> 
       b<td>{{value.name1}}</td> 
      </tr> 
      </table> 
     </td> 
    </tr> 
</table> 
</div> 

あなたは自分のng-かどうかを確認したい場合繰り返しが動作している、<td>年代を削除し、次のように確認してください。

<td ng-repeat="(key , value) in emp.under"> 
     a{{key}} 
     b{{value}} 
</td> 
+0

が今、あなたの応答をありがとう、その作業罰金が、私はtd要素では動作しませんでしたそれはなぜだろうか。要素の位置は、表現の評価にも影響しますか? – lovelyim92

+0

いいえ、問題はng-repeatにはありません。 'td'は別の' td'の中​​に入れることはできません。レンダリングされません。あなたがそれを取り除くと、それが働いた理由です。とにかく、私が助けることができてうれしい。 – superUser

+0

ハッピーコーディング:) – superUser

関連する問題