angularjs – ng-repeat仅显示最后一个值
发布时间:2020-12-17 17:58:59 所属栏目:安全 来源:网络整理
导读:我是Angular的新手,方法ng-repeat是我的问题: 我正在进行测试以学习,这是我现在想要实现的目标:遍历表格表格以显示一些内容 我的问题是:第二次ng-repeat只显示最后一个值. 这是我在控制器中的声明: app.controller("ClientCtrl",function($scope){$scope
我是Angular的新手,方法ng-repeat是我的问题:
我正在进行测试以学习,这是我现在想要实现的目标:遍历表格表格以显示一些内容 我的问题是:第二次ng-repeat只显示最后一个值. 这是我在控制器中的声明: app.controller("ClientCtrl",function($scope){ $scope.ClientSections = [ {title: 'Titre 1',element: [{name: 'Toto',name: 'Contenu 1',name: 'Contenu 2',name: 'Contenu 3'}] },{title: 'Titre 2',element: [{name: 'Titi',name: 'Contenu 2'}] },{title: 'Titre 3',element: [{name: 'Titre 1',name: 'Contenu 3'}] } ]; }); 这是我的哈巴狗模板 element(ng-repeat="ClientSection in ClientSections") h2 {{ClientSection.title}} item(ng-repeat="Client in ClientSection.element") p {{Client.name}} 解决方法
这是因为你的元素对象是一个只有一个json的数组,更新你的元素成为:
element: [{name: 'Toto'},{name: 'Contenu 1'},{name: 'Contenu 2'},{name: 'Contenu 3'}] 当然,必须对所有对象进行相同的操作. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- angularjs – Angular Route – 加载时调用函数
- 这是我最近一个项目--星级酒店管理的介绍:
- angular – Ngrx一次多次调度一次动作
- AngularJS-01.AngularJS,Module,Controller,scope
- angularjs – 如何触发UI-Router View加载事件?
- angular – 即使CORS设置正确,也会在请求的资源上出现“No’
- 谁能解释这个scala代码的含义
- simple-form – Bootstrap 3 simple_forms复选框
- Docker:gitlab traefik&端口22
- 当失去焦点时,AngularJS(ng-grid)“editableCellTemplate”