我正在使用 angular-tree-component 生成带有复选框选项的树。 HTML
<tree-root [nodes]="nodes" [options]="options">
</tree-root>
typescript :
import { ITreeOptions } from 'angular-tree-component';
import { Component } from '@angular/core';
export class myComponent {
nodes = [
{
name: 'root1',
children: [
{ name: 'root1_child1' },
{
name: 'root1_child2', children: [
{ name: 'grand_child1' },
{ name: 'grand_child2' }
]
}
]
},
{
name: 'root2',
children: [
{ name: 'root2_child1' },
{
name: 'root2_child2', children: [
{ name: 'grand_child1' },
{ name: 'grand_child2' }
]
}
]
}
];
options: ITreeOptions = {
useCheckbox: true
};
optionsDisabled: ITreeOptions = {
useCheckbox: true,
useTriState: false
};
最佳答案
您可以使用“event.treeModel.selectedLeafNodeIds”获取树中的选定节点,
例子:
<tree-root [nodes]="treeNode" (select)="onSelect($event)"
(deselect)="onDeselect($event)" [options]="options"></tree-root>
this.selectedTreeList = Object.entries(event.treeModel.selectedLeafNodeIds)
.filter(([key, value]) => {
return (value === true);
}).map((node) => node[0]);
关于typescript - Angular-tree-component 如何通过复选框选择来捕获选中的节点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50109258/