<body> <script src="https://code.angularjs.org/1.2.6/angular-animate.min.js"></script> <script> var app = angular.module('myApp',[]); app.controller('myCtrl',function($scope){ $scope.name = [ { "name":"code_bunny", "score":"100", "id":"001" },{ "name":"white_bunny", "score":"90", "id":"002" },{ "name":"black_bunny", "score":"40", "id":"003" } ]; $scope.id = 4; $scope.insertDog = function(){ if( $scope.id < 10){ $scope.id = "00"+$scope.id; }else if($scope.id<100){ $scope.id = "0"+$scope.id; }else{ $scope.id = $scope.id; } $scope.name.splice($scope.name.length,0,{"name":"code_dog","score":"101","id":$scope.id}); $scope.id ++; }; $scope.delLast = function(){ $scope.name.splice(-1,1); } }); </script> <div ng-controller="myCtrl"> <ul> <li ng-repeat="list in name"> <span class='index'>{{$index+1}}</span> <span class="name">{{list.name}}</span> <span class="score">{{list.score}}</span> <span class="id">{{list.id}}</span> </li> </ul> <button ng-click="insertDog()">添加</button> <button ng-click="delLast()">删除</button> </div> </body> $index是迭代的索引值,表示当前迭代到第几条了.从0开始