angularJs ivh-treeView 搜索过滤器错误

Question

ivt.treeView 过滤器不是过滤属性，例如。如果您在搜索（过滤器）框中输入字母“a”或“e”，它不会过滤任何内容，它会显示为好像您没有在搜索中输入任何内容。

我使用他们的过滤器演示链接在我的本地和网站 jsbin 上对此进行了测试。 这是一个错误吗？知道如何解决这个问题吗？

Answer 1

信不信由你，过滤器是否按预期工作。请参阅 ivhTreeview 的自述文件中的the filtering docs。你提供给ivh-treeview-filter 的值会传递给Angular 自己的filterFilter； filterFilter 检查过滤对象的每个属性，它还将布尔属性值转换为字符串'true' 和'false'。

树中的节点使用布尔属性跟踪它们的选定状态，例如selected: false。如果您输入“a”或“e”作为过滤器字符串，则所有带有selected: false 的内容都将保留在“a”的情况下，而过滤器在“e”的情况下实际上什么都不做，因为字母同时显示在两者上'true' 和 'false'。

好消息是filterFilter 让您可以控制过滤时应考虑哪些属性（请参阅expression here 的选项）。

例如如果您只想在过滤时考虑节点标签，并且这些标签存储在一个名为 myLabel 的属性中，您可以执行以下操作：

<div ivh-treeview="fancy.bag"
     ivh-treeview-filter="{myLabel: fancy.myFilterString}">
</div>

您也可以提供自己的过滤功能。