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>

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

nested ng-repeat in angular js not showing anything

angularjs

angularjs-directive

ng-repeat

angularjs-scope

angularjs-ng-repeat