ng-repeat

来源：互联网发布：摇臂钻床编程编辑：程序博客网时间：2024/06/05 14:12
<!DOCTYPE html><html lang="en" ng-app="myApp">    <head>        <meta charset="utf-8">        <title>ng-repeat</title>    </head>    <body>    <!-- ng-repeat会遍历数组中每一个元素，分别创建li  -->        <ul ng-controller="listenController">            <li data-id="{{item.id}}" ng-repeat="item in data">                <span>{{$first?'开始':''}}</span>                <strong>{{item.name}}</strong>                <span>{{item.age}}</span>                <span>{{$last?'没有了':''}}</span>            </li>        </ul>        <script src="bower_components/angular/angular.js"></script>        <script>            angular.module('myApp', [])                .controller('listenController', ['$scope', function($scope){                    $scope.data = [];                    for(var i=1;i<10;i++){                        $scope.data[$scope.data.length] = {                            id: i,                            name:'赵小黑的小'+i,                            age:20+i                        };                    }                }]);        </script>    </body></html>
0 0