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>

嵌套的ng-repeat在角度js中没有显示任何东西

1 个答案: