如何显示选定的节点值角度 ivh 树视图？

Question

我是 angularjs 新手，需要显示树视图结构。我开始知道 angular-ivh-tree 视图有很多带有复选框支持的可配置选项，因此在我的应用程序中进行了尝试。它显示带有复选框的树视图。但是当我在树视图中选择某个节点时，它没有显示选择的节点信息。

请指导我显示选中的节点标签、值和子节点。

控制器中使用的以下代码：

 $scope.bag = [{
            label: 'Glasses',
            value: 'glasses',
            children: [{
                label: 'Top Hat',
                value: 'top_hat'
            }, {
                label: 'Curly Mustache',
                value: 'mustachio'
            }]
        }];
};

html 视图中使用的以下代码：

 <div data-ivh-treeview="bag"
data-ivh-treeview-use-checkboxes="true"
         data-ivh-treeview-filter="bagSearch"    
data-ivh-treeview-selected-attribute="isSelected"></div>

    <ul>
            <li data-ng-repeat="x in bag">
                {{ x.label + ', ' + x.value }}
             </li>
    </ul>

使用 angular ivh 相关链接：

https://github.com/iVantage/angular-ivh-treeview

但未显示子节点和选定节点信息。 请指导我。

Answer 1

在你的包里，你有一把名为“children”的钥匙。

ivh-treeview 中子对象的默认键值为“items”：

ivh-treeview-children-attribute="'items'"

查看Options部分：

IVH Treeview 是相当可配置的。默认情况下，它希望您的元素分别具有节点显示文本和子节点的 label 和 children 属性 (...)