Angular ng-repeat 对象和数组遍历实例

JavaScript 2019-01-06

直接上代码

rush:xhtml;"> <Meta name="description" content="[Ngrepeat in obj and arr]"> <Meta charset="utf-8"> JS Bin

<div ng-app="myApp">
<div ng-controller="testCtrl">{{test1}}

  <label for="" ng-repeat="(key,value) in obj1"&gt;{{key}} -- {{value}}</label>
  <p>

  </p>
  对于obj遍历的话 会根据key的首字母排序
  <label for="" ng-repeat="(key,value) in obj2"&gt;
    {{key}} -- {{value.text}} -- {{value.value}}
  </label>

</div>

JS

rush:js;"> var app = 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‘} }; });

ng-repeat 对象和数组遍历