一个用于展现包含checkbox的无限树形结构的angul

一个用于展现包含checkbox的无限树形结构的angular指令,需引入jquery。

##用法如下：

引入模块：

angular.module('trial', ['ngCheckboxTree']);

html中:

<ng-checkbox-tree tree-data = 'treeData' tree-selected= "treeSelected" tree-linkage="on"></ng-checkbox-tree>

##treeData treeData是传入指令的数据，与外界$scope绑定。数据类型为数组，数组所包含的对象需要有id,title,nodes三个属性，其中nodes也是个treeData数组，可以为空。定义如下：

$scope.treeData = [{ "id": 1, "title": "node1", "nodes": [{ "id": 11, "title": "node1.1", "nodes": [{ "id": 111, "title": "node1.1.1", "nodes": [{ "id": 1110, "title": "node1.1.1.1", "nodes": [{ "id": 11100, "title": "node1.1.1.1.1", "nodes": [] }] }] }] }, { "id": 12, "title": "node1.2", "nodes": [] }] }, { "id": 2, "title": "node2", "nodrop": true, "nodes": [{ "id": 22, "title": "node2.2", "nodes": [] }, { "id": 21, "title": "node2.2", "nodes": [] }, { "id": 22, "title": "node2.3", "nodes": [] }, { "id": 23, "title": "node2.4", "nodes": [] }] }];

##treeSelected treeSelected是一个数组，数组里的元素为选中的checkbox所在的node的id值，与外界$scope绑定。

##tree-linkage tree-linkage是一个属性，取值类型为字符串。当它的值为"on",nodes父子层级间的选定状态呈联动相关，否则取消联动。

##leaf-only leaf-only是一个属性，取值类型为字符串。当它的值为"on"，只有tree的末梢节点有checkbox。

##指令HTML结构 整个tree最终被包含在一个class="ng-checkbox-tree"的div中。每个node都是一个<li></li>，可以据此自定义它的样式。