Question

我正在使用角度树视图。我在下面提到url。

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

使用collapsed =＆＃34; true＆＃34;

<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

您需要在树节点上使用data-collapsed属性：

<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">

希望有所帮助！

显示AngularJS TreeView已折叠

3 个答案: