我在ng-repeat中使用$ http.get php数据是正确的,但是当ng-click在ng-repeat中添加push php第二页数据时我遇到了问题,但是它不起作用。
有什么建议吗?感谢。
我写的不是很清楚,我的意思是当点击按钮时,我想获取ats01.php?page = 2数据,在li ng-repeat中添加ats01.php?page = 1数据,i不想让page2数据替换page1数据,就像jquery $('#ul01')。append(html)方法;谢谢你的回答。
的script.js
var scotchApp = angular.module('scotchApp');
var myurl="http://192.168.5.9/"
scotchApp.controller('mainController', function($scope, $http) {
$http.get(myurl+"php/ats01.php?page=1")
.success(function (response) {$scope.names = response.records;});
$scope.myur=myurl;
$scope.add = function() {
$http.get(myurl+"php/ats01.php?page=2")
.success(function (response) {
$scope.names.push(response.records);
});
};
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<html >
<head >
<script src="anjs/angular.min.js"></script>
<script src="script.js"></script>
</head>
<body ng-app="scotchApp" >
<div ng-controller="mainController">
<ul >
<li ng-repeat="x in names track by $index">
<p ><a href="#/phones/{{x.TA001}}" > <img ng-src="{{myur}}img/{{x.TA006}}"> </a><small>{{x.TA002}} {{x.TA003}} {{x.TA004}} {{x.TA012}}</small> </p>
</li>
</ul>
<p> <button ng-click="add()">Add</button> </p>
</div>
</body>
</html>
答案 0 :(得分:0)
您是第一次在列表中分配记录
$scope.names = response.records;
但是在点击中你推送相同的数据而不是分配
$scope.names.push(response.records);
如果你推动而不是分配它,那就创建一个索引并将整个数据推送到该索引中。
转换此
$scope.names.push(response.records);
到这个
$scope.names=$scope.names.concat(response.records);