Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍

ng-repeat-start与ng-repeat-end时AngularJS（1.2.x）扩展的，使用这两个指令可以灵活控制遍历形式。

例如：

index.html

      

        

          {{user.name}}
        
        

          {{user.email}}
        
      
    

index.js

var myApp = angular.module('myApp', []);

myApp.controller('UserCtrl', ['$scope', function($scope){
    $scope.users = [
      {
        name:'张三',
        email:'[email protected]'
      },
      {
        name:'李四',
        email:'[email protected]'
      },
      {
        name:'王五',
        email:'[email protected]'
      }
    ];
    
    
}]);

运行结果：

完整的实例代码

  
  
  


  
多行遍历的实现方式
  

    

      {{ person.name }}
    
    
住在
    

      {{ person.city }}
    
    

  
  
  

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。