ng-repeat 在restangular post请求后更新

Question

我使用angularjs 1.5.8我的控制器代码如下

angular.module('testmodule')
 .controller('prd',function($scope,Restangular){
    this.items = [];

this.postbody = { "Filter": 700 } ;

Restangular.all('allPrd').post(this.postbody).then(function(data){
   this.items = Restangular.copy(data.tiles);
   console.log(this.items);
})

});

而我的模板如下

<div ng-controller="prd as prd2">
   <div ng-repeat='item in prd2.items>
     {{prd2.items}}  
</div>
</div>

发布请求后 ng-repeat 不会更新，但 this.items 的控制台日志是发布请求的值。我该如何继续提前谢谢。

注意：我尝试了答案here，但它仍然不起作用

Answer 1

then 内部的回调 this 只不过是全局对象。

所以，this 没有items。

而是将items 分配给全局对象，它不会反映在您的控制器中

使用var self = this

.controller('prd',function($scope,Restangular){
var self = this;    
self.items = [];

this.postbody = { "Filter": 700 } ;

Restangular.all('allPrd').post(this.postbody).then(function(data){
   self.items = Restangular.copy(data.tiles);
   console.log(this.items);
})

});

Answer 2

你必须使用角度2 way bind:

angular.module('testmodule')
 .controller('prd',function($scope,Restangular){


this.postbody = { "Filter": 700 } ;
$scope.items = {};
Restangular.all('allPrd').post(this.postbody).then(function(data){
   $scope.items = Restangular.copy(data.tiles);
   console.log($scope.items);
})

});

在您的 HTML 中：

<div ng-controller="prd as prd2">
   <div ng-repeat='item in items'>
     {{item}}  
</div>
</div>

$scope 是HTML 和controller 之间的粘合剂。