angular ng-click在ng-repeat中添加http数据

时间:2015-11-20 15:25:19

标签: angularjs

我在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}}&nbsp;{{x.TA003}}&nbsp;{{x.TA004}}&nbsp;{{x.TA012}}</small> </p>
         </li>
      </ul>
      <p>    <button ng-click="add()">Add</button>  </p>
</div>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

您是第一次在列表中分配记录

$scope.names = response.records;

但是在点击中你推送相同的数据而不是分配

$scope.names.push(response.records);

如果你推动而不是分配它,那就创建一个索引并将整个数据推送到该索引中。

转换此

$scope.names.push(response.records);

到这个

$scope.names=$scope.names.concat(response.records);