angular-ui-tree折叠/展开不起作用
我尝试使用angular-ui-tree，但折叠不起作用。我使用了他们的github中的示例，但id没有帮助。
我的例子：http://plnkr.co/edit/MIMQ0GWnhQnZ1AhhKzo5?p=preview
<body ng-controller="tCtrl">
<div class="tree">
<div class="row">
<div class="col-sm-12">
<h3>Basic Example</h3>
<button ng-click="expandAll()">Expand all</button>
<button ng-click="collapseAll()">Collapse all</button>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div ui-tree="" id="tree-root">
<ol ui-tree-nodes="" ng-model="listss">
<li ng-repeat="t in listss" ui-tree-node="">
<div ui-tree-handle="" class="tree-node tree-node-content">
<button data-nodrag="" ng-click="toggle(this)">saad</button>
{{t.name}}
</div>
<ol ui-tree-nodes="" ng-model="t.list" ng-class="{hidden: collapsed}">
<li ng-repeat="s in t.list" ui-tree-node="">
<div ui-tree-handle="" class="tree-node tree-node-content">
<button ng-click="toggle(this)">sad</button>
{{s.name}}
</div>
</li>
</ol>
</li>
</ol>
</div>
</div>
</div>
</div>
</body>回答 2
Stack Overflow用户
发布于 2016-05-16 23:53:29
你错过了CSS课程。请插入您的文件CSS。
.hidden {
display: none!important;
visibility: hidden!important;
}Github使用bootstrap.min.css
Stack Overflow用户
发布于 2016-03-07 19:15:17
尝试以下操作：
- 在控制器中添加一些选项：
$scope.treeOptions = { accept: function (sourceNodeScope, destNodesScope, destIndex) { return false; }, };
2.获取树视图：
var getRootNodesScope = function () { return angular.element(document.getElementById("tree-root")).scope(); };
- 将折叠/展开功能添加到控制器：
$scope.collapseAll = function () { var scope = getRootNodesScope(); scope.collapseAll(); }; $scope.expandAll = function () { var scope = getRootNodesScope(); scope.expandAll(); };
- 将以下行替换为
div ui-tree="treeOptions>"
:<div ui-tree="" id="tree-root">
5.可选:将id=“树根”放在<ol>元素上。
https://stackoverflow.com/questions/35841025
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号