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

在你的包中，你有一个名为＆＃34; children ＆＃34;的密钥。

ivh-treeview 中的子对象的默认键值为＆＃34; 项目＆＃34;：

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

查看Options部分：

IVH Treeview非常易于配置。默认情况下，它希望您的元素分别具有节点显示文本和子节点的标签和子属性（...）

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

1 个答案: