我希望在web应用程序中以树结构显示数据。我希望使用Angular来完成这项任务。
看起来ng-repeat将允许我遍历节点列表,但是当给定节点的深度增加时,我如何进行嵌套呢?
我尝试了following code,但它的自动转义阻止了它的工作。另外,结束ul标签放在错误的位置。
我很确定我处理这个问题的方式完全错了。
有什么想法吗?
发布于 2012-08-08 16:56:16
看看这把小提琴
原创:http://jsfiddle.net/brendanowen/uXbn6/8/
更新:http://jsfiddle.net/animaxf/uXbn6/4779/
这应该会让你对如何使用angular显示tree like structure
有一个很好的了解。这有点像在html中使用递归!
发布于 2014-05-06 23:46:30
angular-ui-tree似乎为我做了一件好事
发布于 2013-05-28 05:28:44
下面是一个使用递归指令的示例:取自https://groups.google.com/forum/#!topic/angular/vswXTes_FtM的http://jsfiddle.net/n8dPm/
module.directive("tree", function($compile) {
return {
restrict: "E",
scope: {family: '='},
template:
'<p>{{ family.name }}</p>'+
'<ul>' +
'<li ng-repeat="child in family.children">' +
'<tree family="child"></tree>' +
'</li>' +
'</ul>',
compile: function(tElement, tAttr) {
var contents = tElement.contents().remove();
var compiledContents;
return function(scope, iElement, iAttr) {
if(!compiledContents) {
compiledContents = $compile(contents);
}
compiledContents(scope, function(clone, scope) {
iElement.append(clone);
});
};
}
};
});
https://stackoverflow.com/questions/11854514
复制相似问题