ivh-treeview 禁用第一个节点的复选框

Question

我在我们的一个应用程序中使用IVHTREEVIEW。我们的树视图如下所示：

+ click + to see all items in list
Item
Item1.1
Item2
Item2.2

我们显示每个项目的复选框。对于最终用户，第一个节点“单击 + 以查看列表中的所有项目”的复选框在我们的业务中没有意义。我只需要为该节点禁用或隐藏CHECKBOX（'单击+查看列表中的所有项目'）。我该怎么做？

我尝试在 ivh-treeview.js 的以下函数中使用“useCheckboxes”并将其设置为 false。但它不起作用。

您能告诉我我们如何实现这一目标吗？

trvw.label = function(node) {
trvw.label = function(node) { if(node[localOpts.labelAttribute] == "Click + to see all Items in list"){
node[localOpts.useCheckboxes] = false; } return node[localOpts.labelAttribute];};

Answer 1

您需要使用自定义节点模板并利用 ivhTreeview 提供的 depth 范围变量。

在您的模板中：<div ng-if="depth > 0" ivh-treeview-checkbox></div>

这是一个工作演示：http://jsbin.com/sadoguv/2/edit?html,js,output

节点模板中支持的范围变量的文档：https://github.com/iVantage/angular-ivh-treeview/blob/master/docs/templates-and-skins.md#supported-template-scope-variables