2013-08-10 4 views
1

스타일이 있습니다. 내 앱에서 링크를 클릭 할 때 적용하고 싶습니다.앵커 태그에 대한 클릭 활성 클래스입니다.

만약 내가 ng-click을 사용한다면, 그것은 위대한 요소에 ng-click-active 클래스를 추가 할 것이지만, 앵커 태그에서 같은 행동을하는 방법이 있습니까?

<ul class="menu"> 
    <li> 
    <a href="#/item1">Item 1</a> 
    </li> 
    <li> 
    <a href="#/item2">Item 2</a> 
    </li> 


내가 같은 스타일 수 :

.menu a.ng-click-active { 
    background-color: #fff; 
} 
+2

왜 의사 클래스를 사용하지 마십시오 :'.menu a : active {background-color : #fff; }'? – Stewie

+0

다음 작업을 수행 할 수 있습니다. ng-href = "{{}}"또는 href ng-click = "" –

+0

@Stewie 물론! 이 생각을 끝내고 ... 대답으로 넣을 수 있고 받아 들일 수 있습니까? –

답변

1

그냥 앵커에 활성 상태의 스타일을 표준 의사 클래스를 사용하여 볼 수 있습니다 : 정의 할 때 또는 요소에 예를 NG-클래스를 적용하지 않을 경우를 더럽 태그도 있습니다 :

.menu a.ng-click-active, 
.menu a:active { 
    background-color: #fff; 
} 
0

귀하의 질문에 가지 모호하지만 일반적으로 사용할 수있는 I이 마크 업을했다 이상적 경우

ng-class는 조건부로 클래스에 적용됩니다. $ scope prope을 정의 할 수 있습니다.

<html ng-app> 
<head> 
    <script src="http://code.angularjs.org/1.0.6/angular.min.js"></script> 
</head> 
<body> 
    <input type="button" value="set" ng-click="myVar='my-class'"> 
    <input type="button" value="clear" ng-click="myVar=''"> 
    <br> 
    <span ng-class="myVar">Sample Text</span> 
</body> 
</html> 

당신은뿐만 아니라 this 게시물

관련 문제