angular-ivh-treeview仅显示选定的节点和禁用的复选框

Question

长时间搜索互联网，但没有办法做到以下几点：

仅显示所选节点并禁用该复选框。

看起来使用过滤器（ivh-treeview-filter）只显示被选中的节点，但提供过滤功能不起作用（ivh-treeview提到它使用Angular filterFilter。有什么例子可以使用过滤功能？

ivh-treeview.js中有一个ivh-treeview-visible-attribute，但是我觉得这里没有活动代码，只要这个例子有效吗？

如何禁用复选框？

提前致谢

Answer 1

我并不是100％明白你的问题，ivh-treeview在其自述文件中提供了一个jsbin模板，也许你可以告诉我们你到目前为止尝试了什么？我会刺伤。

您绝对可以使用ivh-treeview-filter仅显示所选节点。在控制器中定义这样的函数：

this.mySweetFilter = function(node) {
  return node.selected;
};

并将其传递给您的指令：

<div ivh-treeview="vm.treeData"
     ivh-treeview-filter="vm.mySweetFilter">
</div>

这是一个完全有效的演示，可让您切换所有节点是可见的还是仅仅是选定的节点：http://jsbin.com/nirovahupa/1/edit?html,js,output。

至于动态禁用复选框 - 指令中没有任何内容可以让您执行此操作。但是，您可以（并且被鼓励）使用您自己的自定义节点模板，这将隐藏树视图复选框并根据需要显示您自己的禁用模板。

希望有所帮助！