使用 angular 更改活动标签

Question

Angular 选项卡更改新值？

<ul class="nav nav-tabs">
    <li class="active">
        <a class="A" data-target="#A">Nye({{c.data.feil_nye_ant}})</a>
    </li>
    <li class="nav">
        <a class="B" data-target="#B">Aktive({{c.data.feil_aktive_ant}})</a>
    </li>
    <li class="nav">
        <a class="C" data-target="#C">HASTER({{c.data.feil_haster_ant}})</a>
    </li>
    <li class="nav">
        <a class="D" data-target="#D">Ferdige({{c.data.feil_ferdig_ant}})</a>
    </li>
</ul>

当 c.data.feil_haster_ant 的值更新时，需要通过打开 "HASTER" 选项卡（意味着 "urgent"）来绘制焦点。

Answer 1

您可以使用 ng-class 激活您的标签页。当您在选项卡上执行事件（如单击）时，使用 ng-class.

设置某些条件的值以触发该选项卡的 css 的更改

HTML:

<ul class="nav nav-tabs">
    <li class="active"  ng-class="{'active': Some condition}">
        <a class="A" data-target="#A">Nye({{c.data.feil_nye_ant}})</a>
    </li>
    <li class="nav"  ng-class="{'active': Some condition}">
        <a class="B" data-target="#B">Aktive({{c.data.feil_aktive_ant}})</a>
    </li>
    <li class="nav"  ng-class="{'active': Some condition}">
        <a class="C" data-target="#C">HASTER({{c.data.feil_haster_ant}})</a>
    </li>
    <li class="nav"  ng-class="{'active': Some condition}">
        <a class="D" data-target="#D">Ferdige({{c.data.feil_ferdig_ant}})</a>
    </li>
</ul>

CSS:

.active{
 your css styles for active tab 
}

使用 angular 更改活动标签

Changing active tab using angular

html

angularjs

servicenow