标签:$scope color 循环 告诉 rac log track app utf-8
<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="UTF-8">
<script src="js/angular.js"></script>
<title>Title</title>
</head>
<body>
<div ng-controller="myCtrl">
<div>
<img ng-repeat="obj in pic track by $index " ng-src="img/{{obj}}" > //此时track by $index 告诉应用按照下表循环
</div>
<button ng-click="loadMore()">加载更多</button>
</div>
<script>
var app = angular.module(‘myApp‘, [‘ng‘]);
app.controller(‘myCtrl‘, function ($scope) {
$scope.pic=[‘1.jpg‘]
$scope.loadMore=function(){
var loadP= Math.ceil(Math.random()*3)+".jpg"; //会重复出现123.jpg,把他添加到数组中会有重复的数据,循环时会报错
$scope.pic.push(loadP)
console.log($scope.pic)
}
})
</script>
</body>
</html>
标签:$scope color 循环 告诉 rac log track app utf-8
原文地址:http://www.cnblogs.com/liangfc/p/7529019.html