Angular js中的嵌套ng-repeat没有显示任何内容

Question

我的控制器方法中有这个。

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 处没有显示任何内容。

Answer 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-repeat 是否正常工作，请删除 <td> 并像这样检查：

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