Angular 2 ag-grid更新列改變* ngFor數組

我有這個網格工作。Angular 2 ag-grid更新列改變* ngFor數組

<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會自動更新列和行。目前標頭沒有正確更新，仍然是舊的。我怎樣才能管理更新我的表與動態列？

來源

2017-02-23 stackk

動態網格&使用聲明式樣式時不可能使用列定義，就像您在這裏一樣。

你有兩個選項用於動態創建列：

使用的聲明和編程方法的混合。使用你有什麼不是動態的和動態的部分是什麼使用API & columnApi創建/刪除整個

/更新列動態

使用編程風格，我建議第一可能是你想去的方式，但這可能是主觀的。

來源

2017-02-24 08:58:59

Angular 2 ag-grid更新列改變* ngFor數組

回答

相關問題