等到订阅数据准备好后再将其用作输入答案

【问题标题】：Wait until subscription data is ready before use it as input等到订阅数据准备好后再将其用作输入
【发布时间】：2018-04-21 11:33:02
【问题描述】：

我一直在开发一项服务，该服务获取我将用作子组件输入的用户列表，问题是组件在用户列表加载完成之前加载，我找到的一个解决方案是添加*ngIf 并验证数组是否不为空。但是，我想知道这是否是我可以达到我想要的结果的最佳方式。这是我的代码：

private getUsersList(): void {
    this.usersService.getUsers().subscribe((response: any[]) => {
        this.usersList = response;
    });
}

这是我的 HTML：

<users-grid 
    *ngIf="usersList"
    [data]="usersList">
</users-grid>`

【问题讨论】：

【解决方案1】：

我可以使用异步管道

TS：

private getUsersList(): void {
    this.usersList = this.usersService.getUsers();    
};

HTML：

<users-grid *ngIf="usersList | async; let list"
      [data]="list">
</users-grid>

【讨论】：