视图在ngOninit中可用数据之前呈现

时间:2017-04-18 15:08:18

标签: angular

我的服务有以下方法:

public GetContactPage() {
    const url = 'http://localhost:3421/api/case?caseId=' + this.caseId + '&page=/contact';

    const headers = new Headers();
    headers.append('Content-Type', 'application/json');
    return this._http.get(url, { headers: headers })
        .map(response => {
            console.log(response.json()); //data is here
            response = response.json();
        });
}

我的观点只是

<div *ngIf="case">
<div [innerHtml]="case"></div>
</div>

这是我的观点的ngOnInit:

  ngOnInit() {
      return this._caseService.GetContactPage().subscribe(data => {
      this.case = data; //data is undefined
    });
  }

在ngOnInit中,数据未定义。我怀疑这是因为尚未从服务器返回数据,因此我的视图无法呈现。即使数据回来,它仍然无法呈现。当模型发生变化时,我认为视图会更新。

1 个答案:

答案 0 :(得分:2)

    .map(response => {
        console.log(response.json()); //data is here
        response = response.json();
    });

缺少回复

    .map(response => {
        console.log(response.json()); //data is here
        return response.json();
    });

没有subscribe()将不会收到任何数据。