树形结构在很多的情况下是必要用到的。下面介绍关于一些angular2及一上版本的树形使用及展示。

方式一： 自定义树形组件：

 树形结构原理比较简单，通过组件生成来调用自身组件。创建一个<treecomponent></treecomponent>组件。在视图层引用自身。根据自己需求定义数据结构属性街结构。但是自身编写的树形结构逻辑不够完善，在处理一些较为复杂的数据的时候，有时候会比较难处理。建议用于自身功能不过于复杂，数据量不大，数据格式要求不高的情况下使用。

方式二：angular2级以上版本的树形组件ng2-tree

  首先在angular2 项目中通过npm i ng2-tree --save 安装好ng2-tree的依赖。安装完成之后便可在要用道的地方引入使用。ng2-tree的功能比较完成，在git官网里面的源码中，可以查看使用方法。但是还是存在一写部分bug。例如在复选框异步加载树形中，会因为在没有加载的出来的数据中的得到id，而报出警告、不能单独控制某一个节点的复选框状态，暂时还只能够用nodeTempletes来遮挡控制等。不过ng-tree2正在不断完善。