美文网首页
angular2用简单的代码实现TreeTable

angular2用简单的代码实现TreeTable

作者: LLG1988 | 来源:发表于2017-09-29 16:51 被阅读0次

我的想法是能在页面实现递归树呢?单用*ngFor是不可能实现得了的。

经过苦苦查阅文档终于看到*ngTemplateOutlet这个东西。(NgTemplateOutlet指令可以在模板中中创建内嵌视图。使用NgTemplateOutlet,需要为指令绑定一个队模板元素的引用。也就是说,使用NgTemplateOutlet指令时,需要在组件中声明一个模板元素的引用,并将这一变量绑定给指令作为输入属性。)那不就可以实现页面实现递归了么。

还是先上一个效果图吧。支持展开关闭node。

代码实现好简单

component.ts

component.html

相关文章

网友评论

      本文标题:angular2用简单的代码实现TreeTable

      本文链接:https://www.haomeiwen.com/subject/iejuqxtx.html