时间:2021-07-01 10:21:17 帮助过:9人阅读
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的实例
ZTree
app.js
实现功能:定义tree这个属性,使