加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

AngularJS中的嵌套数组中的ng-repeat

发布时间:2020-12-17 17:26:05 所属栏目:安全 来源:网络整理
导读:我遇到了问题. 我有一个阵列. myArray = [{ "John": [{"salary":"15K","year":"2013"},{"salary":"20K","year":"2014"}]},{ "Ben": [{"salary":"17K","year":"2014"},{"salary":"25K","year":"2014"}] }]; 我希望它显示在一个表中.数组可以有更多的数据. 请
我遇到了问题.
我有一个阵列.

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

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

解决方法

每个用户的表格:

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>

在控制器中:

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读