bower安装--保存角度自由 npm安装--保存角度自由 < 脚本 src公司 =" bower_components/angular-fancytree/dist/angular-fanchytree.min.js " > </ 脚本 > < 脚本 src公司 =" node_modules/angular-fancytree/dist/angular-fanchytree.min.js " > </ 脚本 > ( 功能 ( ) {
'使用严格' ；
有角的
. 模块 ( '示例应用程序' , [
'无角自由'
] ) ；
} ) ( ) ； < 脚本 src公司 =" 角度.min.js " > </ 脚本 >
< 脚本 src公司 =" jquery.min.js号 " > </ 脚本 >
< 脚本 src公司 =" jquery-ui.min.js " > </ 脚本 >
< 脚本 src公司 =" jquery.fancytree.min.js公司 " > </ 脚本 >
<!-- 您最喜欢的主题：-->
< 链接 相对 =" 样式表 " href公司 =" jquery.fancytree/dist/skin-bootstrap-n/ui.fancystree.min.css " > 在控制器或服务中（插入fancytreeFactory并设置您的数据）：
( 功能 ( ) {
'使用严格' ；
有角的
. 模块 ( “您的模块” )
. 控制器 ( '示例控制器' , 示例控制器 ) ；
示例控制器 . $注入 = [ “$注入器” , “fantytreeFactory” ] ；
/*@ng注射*/
功能 示例控制器 ( $注入器 , fancetreeFactory公司 ) {
//传递fancytree选项
//第二个参数是fancytree的元素id
fancetreeFactory公司 . 设置数据 ( [
{ 标题 : “节点1” , 钥匙 : “1” } ,
{ 标题 : “文件夹2” , 钥匙 : "2" , 文件夹 : 真的 , 儿童 : [
{ 标题 : “节点2.1” , 钥匙 : "3" , 我自己的属性 : “abc” } ,
{ 标题 : “节点2.2” , 钥匙 : "4" }
] }
] , '示例Fancytree' ) ；
//传递带有数据的json：“function_name”：回调
//第二个参数是fancytree的元素id
fancetreeFactory公司 . setMethods（设置方法） ( {
“选择” : 功能 ( 事件 , 数据 ) {
//你应该像那样注入所需的服务
变量 示例服务 = $注入器 . 得到 ( '示例服务' ) ；
变量 节点 = 数据 . 节点 ；
如果 ( 节点 . 已选择 ( ) ) {
示例服务 . 做点什么 ( 节点 . 标题 ) ；
} 其他的 {
示例服务 . 做些其他事情 ( 节点 . 标题 ) ；
}
}
} , '示例Fancytree' ) ；
}
} ) ( ) ； 在模板中（所有属性都应为小写 例如，它应该是debugLevel，而不是debugLevel）：
< 奇树 身份证件 =" 示例Fancytree " 残疾人 =" 假 " 复选框 =" 真的 " 调试级别 =" 0 " > </ 奇树 >