我正在尝试将现有的前端与新的后端连接起来。其中一个前端组件具有以下模板：
<simplex-chart [numbers]="someData"></simplex-chart>
现有的前端是一个原型，其中数据是静态的。在新版本中，数据不再是静态的，而是来自数据库，通过服务。因此，上面的属性绑定不再起作用。 我怎样才能使它适应异步传输的数据？我见过像 {{ somedata | async }} 但我没有找到任何方法将其绑定到输入属性。 有什么建议吗？ 提前谢谢了， 尼古拉斯
【问题讨论】：
标签： angular angular7 property-binding
当您还没有来自父级的数据时，尝试使用@Input()numbers: number[] = []; 将空数组作为默认值。
【讨论】：
尝试以下方法：
<ng-container *ngIf="someData | async as data">
<simplex-chart [numbers]="data"></simplex-chart>
</ng-container>
【讨论】：
如果someData 是可观察的，您可以使用管道 async 执行以下操作：
<simplex-chart [numbers]="someData | async"></simplex-chart>
有关管道异步的更多信息：
https://angular.io/api/common/AsyncPipe
更新：
看到simplex-chart 使用@Input() numbers: number[]，您可以添加一个ngIf，直到加载数据。它看起来像这样：
<simplex-chart *ngIf="someData" [numbers]="someData"></simplex-chart>
【讨论】：
<simplex-chart [numbers]="someData"></simplex-chart> 时，您遇到的错误是什么？似乎您不需要管道，因为您直接使用数组