如何将活动类应用于引导选项卡ui

我有一个引导UI选项卡angularjs指令，默认情况下将第一个选项卡设置为活动选项卡。这里的问题是，如果你在标签中，而不是第一个标签，并尝试刷新页面，由于默认的活动类位于第一个标签上，所以在刷新时，它将第一个标签显示为活动状态。但显示的内容将来自正确的选项卡。引导指令：如何将活动类应用于引导选项卡ui

var configDirectives = angular.module('configDirectives', []); 

configDirectives.directive('configTabs', function(){ 
    return{ 
    restrict:'A', 
    template: '\ 
    <ul class="nav nav-tabs">\ 
    <li class="active"><a href="#categories" data- toggle="tab">categories</a></li>\ 
<li><a href="#uploadassets" data-toggle="tab">upload assets</a></li>\ 
<li><a href="#" data-toggle="tab">lorem ipsum</a></li>\ 
    </ul>' 
}});

我的问题是：我们可以动态设置这个活动类，而不是硬编码在第一个li元素？

来源

2016-03-04 mmmathur

我敢打赌，这不是正确的方式来处理它，但我自己前一段时间有同样的问题。我通过使用位置解决了这个问题。因此，根据您所在的位置（URL中的＃部分），相应的选项卡将被设置为活动状态。正如我所说：我很确定这不是这样做的正确方法，但它实际上是一个，它的工作原理（也许也适用于你）。 – Aer0

使用纳克级的自定义变量：

ng-class="{'active' : selectedType == 'categories'}"

和NG-单击以选中活动标签（你的A HREF或股利或任何内部）：

ng-click="selectedTab = 'categories'"

增加 'selectedType' 来指令范围

范围：{ selectedType： '=' }

来源

2016-03-04 15:25:17

如何将活动类应用于引导选项卡ui

回答

相关问题