4

この答えに従って、私はうまく動作する以下のコードを思いつきました:

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;

4

0 に答える 0