当前位置:Gxlcms > JavaScript > Angular.js与Bootstrap相结合实现手风琴菜单代码_AngularJS

Angular.js与Bootstrap相结合实现手风琴菜单代码_AngularJS

时间:2021-07-01 10:21:17 帮助过:4人阅读

标题定的是angularjs与bootstrap相结合实现手风琴菜单,其实也就是用的bootstrap的样式。

在上篇文章给大家介绍了Angular.js与Bootstrap相结合实现表格分页代码。接着学习实现的Demo。

主要练习自定义指令,向指令中传递参数,老规矩先上效果图:

上面是我自定义的指令,菜单存在标题和内容3条用了 ng-repeat来渲染。

指令基本API如下:

如何切换的时候让其他的隐藏呢,这里主要用到指令ng-show,记录当前点击的,来隐藏其他的。

具体代码注释如下:

人气教程排行