Javascript 引导选项卡不是';t使用AngularJS路线';数据目标';isn';我也不工作
我从Bootswatch网站上得到了这个代码,它应该可以正常工作:Javascript 引导选项卡不是';t使用AngularJS路线';数据目标';isn';我也不工作,javascript,html,angularjs,twitter-bootstrap,angularjs-routing,Javascript,Html,Angularjs,Twitter Bootstrap,Angularjs Routing,我从Bootswatch网站上得到了这个代码,它应该可以正常工作: <ul class="nav nav-tabs"> <li class="active"><a href="#home" data-toggle="tab" aria-expanded="true">Home</a></li> <li class=""><a href="#profile" data-toggle="tab" aria-expa
<ul class="nav nav-tabs">
<li class="active"><a href="#home" data-toggle="tab" aria-expanded="true">Home</a></li>
<li class=""><a href="#profile" data-toggle="tab" aria-expanded="false">Profile</a></li>
<li class=""><a href="#other" data-toggle="tab" aria-expanded="false">Other</a></li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade active in" id="home">
<p>Tab home!</p>
</div>
<div class="tab-pane fade" id="profile">
<p>Tab Profile!</p>
</div>
<div class="tab-pane fade" id="other">
<p>Tab Other!</p>
</div>
</div>
回家
选项卡配置文件
另一个
但是我使用的是AngularJS路由,因此
href
链接不起作用,我试图用数据目标
替换href
,但也不起作用。请提供帮助,是否有一种简单的方法可以在激活时将选项卡类更改为active
?谢谢。您将需要研究如何使用这样的引导组件。它为您提供引导组件,如专门为AngularJS应用程序编写的选项卡。请查看该链接上的“选项卡”部分。我想要另一个解决方案,但这个解决方案不适用。不过还是谢谢你。