Question

我遇到了从服务器异步加载数据的问题。在视图中没有任何数据，因为渲染是在加载之前。这是我的代码： app.component.ts：

    user: User = new User()
    ngOnInit() {
    this.userService.getUser(1).then(usr => {
      this.user = usr;
    }).catch((error: any) => {

    });
  }

app.component.html：

<p>{{user.name}}</p>

我认为数据会动态变化。哪里有问题？感谢

Answer 1

尝试并使用可能有帮助的elvis运算符

<p>{{user?.name}}</p>

或者甚至可以尝试使用ngIf

<div *ngIf = "user">
    user.name
</div>

Answer 2

<p>{{user.name}}</p>

OR

<div *ngIf="user">
    {{user.name}}
</div>

Angular2 - 在从http加载之前显示数据

2 个答案: