角度2グリッドの更新列が変更されます* ngFor配列

Question

私はこのグリッドが動作しています。

<ag-grid-angular #agGrid style="width: 100%; height: 350px;" class="ag-fresh" [gridOptions]="gridOptions" [showToolPanel]="showToolPanel" 
      [rowData]="lines" enableColResize enableSorting enableFilter groupHeaders suppressRowClickSelection toolPanelSuppressGroups 
      toolPanelSuppressValues rowHeight="22" rowSelection="multiple"> 
      <ag-grid-column headerName="#" [width]="30" [checkboxSelection]="true" [suppressSorting]="true" [suppressMenu]="true" [pinned]="true"></ag-grid-column> 
      <ag-grid-column *ngFor="let header of visibleColumns" headerName="{{header.label}}" field="{{header.name}}" ></ag-grid-column> 
     </ag-grid-angular> 

visibleColumns配列を更新すると、ngforは自動的に列と行を更新すると考えました。 現在、ヘッダーは正しく更新されず、古いヘッダーのままです。動的列を使用してテーブルを更新する方法を教えてください。

Answer 1

動的グリッド&宣言的スタイルを使用する場合は、ここのように列定義はできません。

あなたは、動的な列の作成のための2つのオプションがあります。

• 宣言およびプログラム方法の組み合わせを使用します。私は最初はあるかもしれないことをお勧めしたい

全体のプログラムのスタイルを使用して、更新の列に/削除/動的

を作成するためのAPI & columnApiを使用し、動的ではありません何のためにと動的な部分のためにあなたが持っているものを使用しあなたが行きたい方法ですが、これは主観的かもしれません。