angular2用简单的代码实现TreeTable

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

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

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


angular2用简单的代码实现TreeTable_第1张图片

代码实现好简单

component.ts


angular2用简单的代码实现TreeTable_第2张图片

component.html


angular2用简单的代码实现TreeTable_第3张图片

你可能感兴趣的:(angular2用简单的代码实现TreeTable)