我有一棵带有复选框的树(我们在这里使用 Material 的例子)。我希望开始检查水果节点。如何检查这些节点?
我看到SelectionModel
has a select()
示例传递节点的方法。但在示例中,构成树的数据是一个数组TodoItemNode
,但是SelectionModel
包含TodoItemFlatNode
. The transformer
示例中的方法可以“展平”我的节点(即转换TodoItemNode
to TodoItemFlatNode
),但这会返回一个新实例。
如何以编程方式选择 mat-tree 复选框来匹配我的数据?
要预先选择水果节点,请在以下代码中执行以下操作ngAfterViewInit
为了TreeChecklistExample
所附 stackblitz 示例中的类。
- 这将循环遍历
dataNodes
in the treeControl
- If
item == 'Fruits'
选择节点并展开
-
Also if item == 'Groceries'
展开节点,因为它是 Fruits 的父节点。
ngAfterViewInit() {
for (let i = 0; i < this.treeControl.dataNodes.length; i++) {
if (this.treeControl.dataNodes[i].item == 'Fruits') {
this.todoItemSelectionToggle(this.treeControl.dataNodes[i]);
this.treeControl.expand(this.treeControl.dataNodes[i])
}
if (this.treeControl.dataNodes[i].item == 'Groceries') {
this.treeControl.expand(this.treeControl.dataNodes[i])
}
}
}
斯塔克闪电战
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)