각도를 사용하여 활성 탭 변경

Question

새 값의 각도 탭이 변경됩니까? 은 "HASTER"탭을 열고 포커스를 그리는

<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의 값이 갱신 될 때.

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 
}