2. AngularJS中的指令 ng-repeat使用

作用：遍历数组

<body ng-app = 'app' ng-controller = 'wmxController'>
<ul>
    <!--item可以随意命名，in是固定写法，不能改。array是控制器中定义的数组名称，要保持一致-->
    <li ng-repeat="item in array"> {{item}} </li>
</ul>

<hr>

<ul>
    <li ng-repeat="student in stu"> {{student.name}}----{{student.age}} </li>
</ul>

<script src="angular.js"></script>

<script>
    var app = angular.module('app',[]);

    app.controller('wmxController',['$scope',function ($scope) {
//        定义一个全局的数组，名称为array，这个数组中分别有三个json对象
        $scope.array = ['2017年','你好','我喜欢你'];
        $scope.stu = [
            {name:'xiao',age:18},
            {name:'cao',age:20},
            {name:'mei',age:22}
            ];
    }])
</script>
</body>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容