显示AngularJS树视图已折叠

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

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

---

请参阅

您需要在树节点上使用“数据折叠”属性：

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

让我明白的是，您需要根据当前节点的折叠状态对子树应用某种操作（ng类、ng if等）：

<ol ui-tree-nodes="" ng-model="item.ChildList" ng-if="!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 : [] }
  ];

使用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>