美文网首页
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