用jQuery实现选项卡,通过操作dom节点实现,jQuery多数api方便操作dom。例如next()、siblings()、prev()、parent()...
angularjs是基于数据层实现dom操作。
两个过程:
1.点击tab,选中的变色,并且获取tab下标;
2.内容部分下标=tab下标时,内容show;
顺着这两个思路+基于数据操作进行代码编写。
HTML部分,ng-repeat取出文字信息。ng-click="func(@prama1,@prama2,...)",ng-class="{className:express[true/false]}",ng-show="express[true/false]";
js部分,通过ng-click把$index赋给selectedIndex,做到这里其实就可以了,选项卡作为angular单页应用关键只需要取到点击的下标$index,剩下的交给angular自定义指令。