Angular 2 - 在Promise中更改模型时GUI不会更新

Question

我写一个服务返回一个promise，并在组件中调用service并将模型设置为数据从promise的成功函数返回模型改变但GUI不更新。我该如何解决这个问题。

Service : 

getPage(pageNo) {
  return new Promise ((resolve, reject) {
    this.http.get(this.dataGetPageUrl+"/" + pageNo)
      .map(response => response.json())
      .subscribe(
        blocks => {
          resolve(blocks);
        },
        error => console.log(error)
      );
  })
}


Component: 

Service.getPage(1).then(function(data) {
  this.model = data;
}).catch(function(error) {

})

Answer 1

由于function this.未指向当前类。请改用()=>（箭头功能）：

Service.getPage(1).then((data) => {
  this.model = data;
}).catch((error) => {