角材料 2 預選墊表行

Question

我正在嘗試使用角度材料表預選行。 SelectionModel有initialSelection參見示例。 但是沒有確切的解釋它是如何工作的。 是否可以使用這個 initialSelection 來預選一些行？

---

編輯1：

看起來， initialSelection需要是作為dataSource傳遞給mat-table的數據數組的子集。 它現在正在工作。

編輯2：

更新了官方示例。 查看app/table-selection-example.ts第21 - 25

  subSet1 = this.dataSource.data.slice(0,2);
  subSet2 = this.dataSource.data.slice(3,5);
  preselectExample = this.subSet1.concat(this.subSet2);

  selection = new SelectionModel<Element>(true, this.preselectExample);

Answer 1

因此，在與表格和大量選擇進行了長時間的斗爭之后，我做得比切片和切塊要好一些。

this.initialSelection = this.data.filter((element,e) => {
     return this.savedSelection.some( (val,i) => { 
         if(element.key === val.key) { 
             this.data[e]['amount'] = val['amount']; 
             return true;
         }
     return;
  });
});
this.dataSource.data = this.data;
this.selection = new SelectionModel<any>(true, this.initialSelection);

還有一個額外的可編輯值，稍后將值分配回表中選擇的值。

干杯。

https://stackblitz.com/edit/angular-urd5c4