前段时间一直在看AngularJS的资料,感觉是个很好的框架,很想有机会尝试用它做点什么。
JQuery 最好是国内非常不错的JQuery插件,功能齐全,文档和API也非常的友好,之前项目上常用此插件。
,
AngularJS功能虽然非常强大,但UI上提供的插件不像JQuery那么多,而且只能通过指令定义扩展的UI插件,虽然国外已经提供了一些基于指令的树功能实现,但毕竟不像最好那样强大,而且树是做项目中很长用的一个基本功能。
,
因此,花了一点时间做了一个例子将最好应用到AngularJS中。
,页面代码
& lt; !doctype html>
html lang=癳n”ng-app=& lt;在“应用程序”;
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> ZTree
& lt;链接rel="样式表" href=" https://www.yisu.com/zixun/css/zTreeStyle/zTreeStyle.css "比;
& lt;脚本src=" https://www.yisu.com/zixun/lib/jquery-1.10.2.min.js "祝辞& lt;/script>
& lt;脚本src=" https://www.yisu.com/zixun/lib/jquery.ztree.all-3.5.js "祝辞& lt;/script>
& lt;脚本src=" https://www.yisu.com/zixun/lib/angular.min.js "祝辞& lt;/script>
& lt;脚本src=" https://www.yisu.com/zixun/app.js "祝辞& lt;/script>
& lt;/head>
& lt; body>
& lt;身体ng-controller=MyController的祝辞
& lt; ul树类="最好" ng-model=皊electNode祝辞& lt;/ul>
& lt;/body>
& lt; pre>
{{selectNode | json}}
& lt;/pre>
& lt;/body>
& lt;/html> app.js
,
页面效果地址:http://twobugerphp.jd-app.com/ztree.html
,
实现功能:定义树这个属性,使& lt; <代码类=" html关键字"> <强> <代码类=癶tml平原”> tree <代码类=" html color1 "> <代码类=癶tml平原”>= <代码类=" html字符串"> <代码类=" html color1 "> <代码类=癶tml平原”>= <代码类=" html字符串"> <代码类=癶tml平原”>祝辞& lt;/ <代码类=" html关键字"> <强> <代码类=癶tml平原”>祝辞自动变成一个有数据的树,点击树节点,自动变更模型>
,
,
,
,
