大佬教程收集整理的这篇文章主要介绍了使用AngularJS,UI Boostrap和UI路由器时,活动选项卡默认为麻烦,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
这是tabset的样子:
<div style="position:relative"> <tabset> <tab heading="Dashboard" ui-sref="LMs.Dashboard" ui-sref-active="active"></tab> <tab heading="Modules" ui-sref="LMs.Modules" ui-sref-active="active"></tab> <tab heading="messages" ui-sref="LMs.messages" ui-sref-active="active"></tab> <tab heading="SetTings" ui-sref="LMs.SetTings" ui-sref-active="active"></tab> </tabset> <div ui-view="Dashboard" class="tab-content" ng-show="$state.includes('LMs.Dashboard')"> <h2>Dashboard</h2> {{test}} </div> <div ui-view="Modules" class="tab-content" ng-show="$state.includes('LMs.Modules')"> <h2>Modules</h2> </div> <div ui-view="messages" class="tab-content" ng-show="$state.includes('LMs.messages')"> <h2>messages</h2> </div> <div ui-view="SetTings" class="tab-content" ng-show="$state.includes('LMs.SetTings')"> <h2>SetTings</h2> </div> </div>
我这里有一个傻瓜:
http://plnkr.co/edit/sQB58YKntDwNIUpAdLmT?p=preview
要查看问题,请选择“仪表板”以外的选项卡,然后重新加载“实时视图”框.
<tab ui-sref-active="active" active="false">
编辑
虽然这种方法似乎有效,但它会产生错误,因为false是不可分配的.
编辑2
将ng-init与局部范围变量相结合似乎可以解决问题.
<tab ui-sref-active="active" active="isActive" ng-init="isActive=false">
在您的情况下,为每个选项卡添加活动变量可能更简单.看到这个plunker:
http://plnkr.co/edit/73lm068buZf851h47FVQ?p=preview
以上是大佬教程为你收集整理的使用AngularJS,UI Boostrap和UI路由器时,活动选项卡默认为麻烦全部内容,希望文章能够帮你解决使用AngularJS,UI Boostrap和UI路由器时,活动选项卡默认为麻烦所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。