取消選中物料表的行

Question

我如何取消選中物料表的行？

我有一個父組件及其3個子組件。 每個子組件均由材料表組成。

默認情況下，將渲染一個子組件，並且通過切換與每個子組件映射的選項卡，將渲染另一個子組件。

我的問題是，每當我在子組件中選擇一行時，都會對其進行檢查，然后當我將選項卡切換到其他子組件，然后再次返回到上一個子組件時，該行仍保持選中狀態。

回到以前的兒童組件時，我們有沒有被取消的方法？

Answer 1

首先，您應該放置一些示例代碼，這樣可以清楚地知道您的操作方式。 如果使用過SelectionModel，則可以使用clear（）取消所有選擇。 因此，當您更改選項卡時，只需使用clear即可取消選中所有選項。 請看一下文檔 。

this.selection = new SelectionModel<MyDataType>(allowMultiSelect, initialSelection);

<mat-checkbox (change)="$event ? masterToggle() : null"
              [checked]="selection.hasValue() && isAllSelected()"
              [indeterminate]="selection.hasValue() && !isAllSelected()">
</mat-checkbox>


masterToggle() {
  this.isAllSelected() ?
      this.selection.clear() : // Use this method to uncheck all
      this.dataSource.data.forEach(row => this.selection.select(row));
 }