angular-tree基础实现
用法
在html页面,使用tree标签以及data和item-template属性。 <tree data="vm.tree" item-template="vm.itemTemplate"></tree>
其中,data是我们的tree所需要展示的数据,item-template是tree要显示的内容。(用户自定义)
data:
vm.tree = [{
name: 'PC游戏',
id: 1,
children: [
{
name: '角色扮演',
id: 2,
children: [
{
name: '月影传说',
id: 3
}
]
},
]
}];
item-template:用户可以在这里自定义所需要显示的内容,并且增加增删改查方法。
vm.itemTemplate = `<div ng-class="{'cur-select' : vm.id === item.id}" ng-click="vm