首页 > Web开发 > 详细

AngularJS1学习-常用指令(四)

时间:2018-09-10 18:25:05      阅读:186      评论:0      收藏:0      [点我收藏+]

1.循环数组

 1 <script type="text/javascript">
 2     //定义一个叫myApp的模块
 3     var app = angular.module(‘myApp‘,[]);
 4     //定义控制器
 5     app.controller(‘myController‘,function($scope){
 6         $scope.list=[100,101,102,103,104]//定义数组
 7                 
 8     })
 9             
10 </script>
11 
12 <body ng-app="myApp" ng-controller="myController">
13         <table >
14             <tr ng-repeat="c in list">
15                 
16                 <td>{{c}}</td>
17                 
18             </tr>
19         </table>
20 </body>

 

2.循环对象数组

<script type="text/javascript">
     //定义模块
    var app =  angular.module("myModu",[]);
    //定义控制器
    app.controller("contrl3",function($scope){
    //定义对象数组
    $scope.list=[
    {name:‘习大大‘,power:99,money:98},
    {name:‘特朗普‘,power:100,money:99},
    {name:‘普京‘,power:100,money:96},
    {name:‘金三胖‘,power:70,money:50}
                
    ];
})
</script>

<body ng-app="myModu" ng-controller="contrl3">
        
    <table >
    <tr>
        <td>姓名</td>
        <td>权力</td>
        <td>金钱</td>
        </tr>
    <tr ng-repeat="pe in list">
        <td>{{pe.name}}</td>
        <td>{{pe.power}}</td>
        <td>{{pe.money}}</td>
    </tr>
            
    </table>
        
</body>    

 

AngularJS1学习-常用指令(四)

原文:https://www.cnblogs.com/Mr-Brown/p/9621584.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!