Question

取消选择我们使用的所有行：

<div id="update">--</div>
<script>
    var update = document.getElementById("update");
    setInterval(() => update.innerHTML = Math.floor(Math.random() * 10), 5000);
    // 5 * 1000 ms = 5 seconds   ----------------------------------------^^^^
</script>

其中selection是SelectionModel类的对象。现在，如果我想从代码背后的代码中删除特定行的选择，那么有什么有用的＆＃34; angular＆＃34;语句就像clear（）方法一样？

Answer 1

您可以使用

this.selection.deselect（行）

this.selection.select（行）

Sample to deselect 5th row with mat-table

执行选择或取消选择特定行的功能。

示例：如果您想取消选择3rd行，可以执行以下操作。

this.selection.deselect(this.dataSource.data[2])

这是SelectionModel类code

Answer 2

您可以使用ngClass和selectedRowIndex之类的标志来完成。只要单击行索引等于selectedRowIndex，就会应用该类。这个链接可能对你有帮助 Angular 4 Material table highlight a row

如何从mat-table中取消选择单行

2 个答案: