ui-sref와 ​​연결할 클래스를 추가하는 가장 좋은 방법은 무엇입니까?

Question

ui-sref="state1"을 사용하는 링크에 클래스를 추가하는 가장 좋은 방법은 무엇입니까? 내 문제는 내 메뉴가 ui-view 밖에 없다는 것입니다.

<ul> 
    <li> 
     <a data-ng-class="{active: active=='dash'}" data-ui-sref="dash">Dashboard</a> 
    </li> 
    <li> 
     <a data-ui-sref="reports">Reports</a> 
    </li> 
</ul> 
<div data-ui-view="main"></div> 

활성 링크를 강조하려하지만이 시나리오에서 가장 좋은 방법이 무엇인지 잘 모릅니다.

Answer 1

당신이 할 수있는 그 ui-sref-active 지시어 사용 :

<ul> 
    <li> 
     <a ui-sref-active="active" data-ui-sref="dash">Dashboard</a> 
    </li> 
    <li> 
     <a data-ui-sref="reports">Reports</a> 
    </li> 
</ul> 
<div data-ui-view="main"></div> 

Answer 2

function myFunction() { 
 
    $("[ui-sref='state1']").addClass('newClass'); 
 
} 
 
$(document).ready(myFunction);

.newClass{ 
 
    color:red; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<ul> 
 
    <li> 
 
     <a data-ng-class="{active: active=='dash'}" data-ui-sref="dash">Dashboard</a> 
 
    </li> 
 
    <li> 
 
     <a data-ui-sref="reports" ui-sref='state1'>Reports</a> 
 
    </li> 
 
</ul> 
 
<div data-ui-view="main"></div>

을