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

Question

我编写了一个服务返回一个承诺，在组件中我调用服务并将模型设置为从承诺的成功函数返回的数据，模型已更改但 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) => {