Question

我有一个模板，一次填充5个数据，该模板包含一个锚标记。点击它，我必须在同一模板中填充下5个数据。

填充部分由后端服务完成。第一次在加载时填充数据，下次点击锚标记时我想填充内容调用后端服务。

问题是第一次数据与变量绑定但第二次没有绑定。

loadmorecontroller.js：

$http.get('url').success(function(data){
    $scope.test = data;
});

$scope.loadMore = function() {
    $http.get('url').success(function(data){
        $scope.test = data;
    });
}

我在html页面中使用的这个测试变量。对于第一次调用，数据与测试绑定，但第二次调用（加载更多）调用测试未更新（当我在html页面中检查时）。

Answer 1

检查您是否实际加载了任何数据，并且未收到未处理的HTTP错误。消除加载外部资源，您可以绑定工作。

angular.module('app', [])

    .controller('testCtrl', function($scope, $timeout) {

          $scope.data = [];
  
          $timeout(function() {
          
            $scope.data.push('foo');
            
          });             
  
          $scope.loadMore = function() {
          
              $scope.data.push('more');
            
          }

    })

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app='app' ng-controller="testCtrl"> 
  
  {{data}}
  
  <a ng-click="loadMore()">Load More</a>
  
</div>

双向绑定不在angularjs中工作

1 个答案: