在上篇文章给大家介绍了Angular.js与Bootstrap相结合实现表格分页代码。接着学习实现的Demo。
主要练习自定义指令,向指令中传递参数,老规矩先上效果图:
上面是我自定义的指令,菜单存在标题和内容3条用了 ng-repeat来渲染。
指令基本API如下:
如何切换的时候让其他的隐藏呢,这里主要用到指令ng-show,记录当前点击的,来隐藏其他的。
具体代码注释如下: