如何在angular2-tree中过滤

Question

我正在尝试在我的应用程序中实现 angular2-tree，它的效果很好，但是当我尝试添加过滤器时，我无法弄清楚如何获取用于过滤器的树对象。

这里是 angular2-tree 文档的 link https://angular2-tree.readme.io/docs/filtering

这是我的 html

<input #filter (keyup)="filterNodes(filter.value, tree)" placeholder="filter nodes" />
<Tree (onMoveNode)="onMoveNode($event)" [nodes]="nodes" [options]="customTemplateStringOptions"></Tree>

这是我的过滤器 ts 代码

filterNodes(text, tree) {
   tree.treeModel.filterNodes("text", true);
};

但我无法获取树对象

Answer 1

<input #filter (keyup)="filterNodes(filter.value, tree)" placeholder="filter nodes" />
<Tree #tree (onMoveNode)="onMoveNode($event)" [nodes]="nodes" [options]="customTemplateStringOptions"></Tree>

在你的组件代码中：

@ViewChild('tree') tree: any;

然后应该在组件中定义

如果它解决了您的问题，请告诉我

如何在angular2-tree中过滤

how to filter in angular2-tree

tree

angular2-directives

angular