大佬教程收集整理的这篇文章主要介绍了bootstrap-treeview + angular 使用,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件。
boostrap-treeview插件依赖于jquery和bootstrap,需要引用相对应版本的这两个插件才能使用bootstrap-treeview。
需要应用bootstrap-treeview.js文件可以从github下载。
可以使用任何html dom元素作为改列表树容器
<div id="Dictree"></div>
angular.element("#DicTree").treeview({ data: respose.data,levels: 2,color: ‘#000000‘,BACkColor: ‘#FFFFFF‘,href: ‘#node-1‘ });
其中data为我们的数据,数据以数组对象的形式组织,还可以设置如上其他属性背景色、前景色、默认展开的级别。
在本次实例中我们使用了三个属性,text、id、href属性,数据结构如下:
[{ "id":"41","text":"业务字典","href":"01","nodes":[{ "id":"42","text":"法律法规管理系统","href":"001"," nodes":[{ "id":"24","text": "业务类别","href":"0001","nodes":null}]}]}]
以上是大佬教程为你收集整理的bootstrap-treeview + angular 使用全部内容,希望文章能够帮你解决bootstrap-treeview + angular 使用所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。