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

直接上代码

 
 



 
 

  
{{test1}}
    

      {{item.id}} -- {{item.value}}
      

      
      {{key}} -- {{value}}
      

        
      
      对于obj遍历的话 会根据key的首字母排序
      
        {{key}} -- {{value.text}} -- {{value.value}}
      
      
    
  

 
 

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‘}
  };
});