この答えに従って、私はうまく動作する以下のコードを思いつきました:
result: any;
ngOnInit() {
this.result = getResult();
}
<ngx-charts-bar-vertical-stacked
*ngIf="(result | async) as results"
[results]="results"
>
</ngx-charts-bar-vertical-stacked>
ここで、結果を入力パラメーターとして渡したいと思います。
@Input() result: any;
<ngx-charts-bar-vertical-stacked
*ngIf="(result| async) as results"
[results]="results"
>
</ngx-charts-bar-vertical-stacked>
しかし、それはこのようには機能しません。チャートが表示されず、コンソールにエラーが表示されません。ただし、宣言した別のコンポーネントプロパティに入力値を割り当てることで、トリックを思い付きました。
data: any;
@Input() result: any;
ngOnInit() {
this.data = this.result;
}
<ngx-charts-bar-vertical-stacked
*ngIf="(data| async) as results"
[results]="results"
>
</ngx-charts-bar-vertical-stacked>
このように機能しますが、新しい変数を導入したり、this.data = this.result;