显示 AngularJS 树视图折叠

Question

我正在使用角度树视图。我指的是下面的网址。

http://ngmodules.org/modules/angular.treeview

它显示为展开。 但我想显示为折叠。 单击节点时，只有它应该展开。

请参考。

Answer 1

您必须

在每个节点中添加collapsed:true，如以下示例所示

 $scope.roleList = [
    { label : "User", id : "role1", children : [
      { label : "subUser1", id : "role11", children : [] },
      { label : "subUser2", id : "role12", children : [
        { label : "subUser2-1", id : "role121", children : [
          { label : "subUser2-1-1", id : "role1211", children : [] },
          { label : "subUser2-1-2", id : "role1212", children : [] }
        ],collapsed:true}
      ],collapsed:true}
    ], collapsed:true},
    { label : "Admin", id : "role2", children : [] },
    { label : "Guest", id : "role3", children : [] }
  ];

Answer 2

use collapsed="true"

<div ui-tree="options">
            <ol ui-tree-nodes="" ng-model="data" id="tree-root">
                <li ng-repeat="item in data" ui-tree-node ng-include="'nodes_renderer.html'" data-collapsed="true"></li>
            </ol>
        </div>

Answer 3

您需要

在树节点上使用数据折叠属性：

<li ui-tree-node ng-repeat="item in notes" data-collapsed="{{ item.IsCollapsed }}">

让我明白的部分是，您需要根据当前节点的折叠状态将某种操作（ng-class，ng-if等）应用于子树：

<ol ui-tree-nodes="" ng-model="item.ChildList" ng-if="!collapsed">

希望对您有所帮助！