Angular ng-repeat 对象和数组遍历实例
直接上代码
<!DOCTYPEhtml> <html> <head> <metaname="description"content="[Ngrepeatinobjandarr]"> <scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js"></script> <metacharset="utf-8"> <title>JSBin</title> </head> <body> <divng-app="myApp"> <divng-controller="testCtrl">{{test1}} <div> <labelfor=""ng-repeat="iteminlist1">{{item.id}}--{{item.value}}</label> <p></p> <labelfor=""ng-repeat="(key,value)inobj1">{{key}}--{{value}}</label> <p> </p> 对于obj遍历的话会根据key的首字母排序 <labelfor=""ng-repeat="(key,value)inobj2"> {{key}}--{{value.text}}--{{value.value}} </label> </div> </div> </div> </body> </html>
JS
varapp=angular.module(‘myApp‘,[]); app.controller(‘testCtrl‘,function($scope){ $scope.test1=‘tt‘; $scope.list1=[{ id:‘1‘, value:‘seti‘ },{ id:‘2‘, value:‘kuma‘ },{ id:‘3‘, value:‘cent‘ }]; $scope.obj1={ ‘1‘:‘seti‘, ‘2‘:‘kuma‘, ‘3‘:‘cent‘ }; $scope.obj2={ ‘ins‘:{text:‘seti‘,value:‘s1‘}, ‘abc‘:{text:‘kuma‘,value:‘s2‘}, ‘coln‘:{text:‘cent‘,value:‘s3‘} }; });