AngularJS 嵌套数组中的 ng-repeat [英] ng-repeat in nested array in AngularJS

问题描述

我遇到了问题.我有一个数组.

myArray = [{"约翰": [{"salary":"15K","year":"2013"},{"salary":"20K","year":"2014"}]},{"本": [{"salary":"17K","year":"2013"},{"salary":"20K","year":"2014"},{"salary":"25K","年":"2014"}]}];

我希望它显示在表格中.数组可以包含更多数据.请有人告诉我，如果我排列阵列错误或什么.我被困在这里一段时间了.

解决方案

每个用户一个表:

http://plnkr.co/edit/LSkW8mWwloDF65iahbAH?p=preview

 
<div ng-repeat="(key,value) in user">{{钥匙}}<表格><tr><th>薪水</th><第>年</th></tr><tr ng-repeat="s in value"><td>{{s.salary}}</td><td>{{s.year}}</td></tr>
<br>

在控制器中:

 $scope.users=[{"约翰":[{"salary":"15K","year":"2013"},{"salary":"20K","year":"2014"}]},{"本":[{"salary":"17K","year":"2013"},{"salary":"20K","year":"2014"},{"salary":"25K","年":"2014"}]}];

I am having a problem. I have an array.

myArray = [{ 
 "John": [{"salary":"15K","year":"2013"},{"salary":"20K","year":"2014"}]
},{
 "Ben": [{"salary":"17K","year":"2013"},{"salary":"20K","year":"2014"},{"salary":"25K","year":"2014"}]
 }];

I want it to display in a table.The array can have much more data. Please someone, tell me If I am arranging the array wrong or something. I am stuck in this for sometime now.

解决方案

a table for each user :

http://plnkr.co/edit/LSkW8mWwloDF65iahbAH?p=preview

  <div ng-repeat="user in users">
     <div ng-repeat="(key,value) in user">
       {{key}}
       <table>
         <tr>
           <th>salary</th>
           <th>year</th>
         </tr>
         <tr ng-repeat="s in value">
           <td>{{s.salary}}</td>
           <td>{{s.year}}</td>
         </tr>
       </table>
    </div>
    <br>

  </div>

and in controller :

 $scope.users=[{ 
 "John":[{"salary":"15K","year":"2013"},{"salary":"20K","year":"2014"}]
},{
 "Ben":[{"salary":"17K","year":"2013"},{"salary":"20K","year":"2014"},{"salary":"25K","year":"2014"}]
 }];

这篇关于AngularJS 嵌套数组中的 ng-repeat的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！