在AngularJS中使用jQuery的zTree插件的方法_AngularJS

zTree和后台数据的交互
首先，肯定是在页面中引入Angularjs的相关脚本，例如模块(e.g. app.js)、控制器(e.g. controller.js)、Angularjs的脚本并进行相关标记的使用，然后引入zTree的样式包和zTreed 脚本，可以参看一下代码：

 
 
  
   
   
   
   
 
 
   
   
  
  
 
<% include ./../include/header.html %> 
<% include ./../include/top-menu.html %> 
 
 
 
  
       
 
 
 <% include ./../include/footer.html %> 
 

在上面的在ul标签中添加了指令tree,这样在加载angularjs中，就可通过指令 tree来进行菜单数据的获取。具体的代码可参考以下代码：

在上述代码中，使用$scope.$emit("menu",attrs["value"]);向父控制器发送请求数据，在控制器代码中可以接受此消息，并使用$http向后台进行数据的请求，并将从数据库中请求来的数据发送个子控制器。控制器的代码可参考如下：

这样，就完成了zTree和后台数据的交互。

利用指令集成ZTree的实例

app.js

实现功能：定义tree这个属性，使