{{user.name}}{{" />

ng-repeat-start ng-repeat-end 的使用

系统 1793 0

ng-repeat-start与ng-repeat-end时AngularJS(1.2.x)扩展的,

使用这两个指令可以灵活控制遍历形式。

例如:

index.html

      
        <
      
      
        div 
      
      
        class
      
      
        ="uk-panel"
      
      
         ng-controller
      
      
        ="UserCtrl"
      
      
        >
      
      
        <
      
      
        ul 
      
      
        class
      
      
        ="uk-list uk-list-striped"
      
      
        >
      
      
        <
      
      
        li 
      
      
        ng-repeat-start
      
      
        ="user in users"
      
      
        >
      
      
        

                    {{user.name}}

                
      
      
        </
      
      
        li
      
      
        >
      
      
        <
      
      
        li 
      
      
        ng-repeat-end
      
      
        >
      
      
        

                    {{user.email}}

                
      
      
        </
      
      
        li
      
      
        >
      
      
        </
      
      
        ul
      
      
        >
      
      
        </
      
      
        div
      
      
        >
      
    

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'
      
        

            }

        ];

        

        

}]);
      
    

 

运行结果:

ng-repeat-start ng-repeat-end 的使用

ng-repeat-start ng-repeat-end 的使用


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论