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:'zhangsan@gmail.com'
      },
      {
 name:'李四',
 email:'lisi@123.com'
      },
      {
 name:'王五',
 email:'wangwu@qq.com'
      }
    ];
    
    
}]);

运行结果：

完整的实例代码

  
  
  


  多行遍历的实现方式
  

    

      {{ person.name }}
    
    
住在
    

      {{ person.city }}
    
    

  
  
  

总结

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