"홈", "정보"및 "연락처"의 3 가지 버튼이 있습니다. 페이지로드시 "홈"버튼 만 활성화하면됩니다. '정보'버튼을 클릭하면 '정보'버튼 만 활성화되고 나머지 2 개의 버튼은 활성화되지 않습니다. 마찬가지로 "연락처"버튼을 클릭 한 후 "연락처"버튼 만 활성화되고 나머지 2 버튼은 활성화되지 않아야합니다.AngularJS : 다른 버튼을 클릭하여 CSS 변경
"활성"이라는 단어는 CSS가 다른 버튼 (다른 2 개의 버튼과 비교할 때)을 의미합니다. AngularJS를 프런트 엔드 JS로 사용하고 있습니다. 
각도 ngClass directive에 대한 설명서를 읽고 싶습니다.
ngClass을 사용하면보기의 변수에 CSS 클래스를 바인딩 할 수 있습니다.
$scope에 page을 설정한다고 가정합니다. 당신은 UI 라우터를 사용하는 경우 (당신의 각 컨트롤러 내부)
JS
$scope.page = 'home';
HTML
<li ng-class="{'active': page == 'home'}" ng-click="page = 'home'">Home</li>
CSS
<style type="text/css">
.active {
background: blue;
}
</style>
은 다음 지시어라고 UI-SREF있다 -active 특정 상태가 활성 일 때 사용자 정의 클래스를 추가합니다.
http://angular-ui.github.io/ui-router/site/#/api/ui.router.state.directive:ui-sref-active
여기에 어떻게 작동하는지 보여주는 작업 jsfiddle입니다. 점 student.profile도 student 상태에 active 클래스를 더한 상태.
어떤 라우팅을 사용하고 있습니까? – krutkowski86
@ krutkowski86 각도 ui 라우터 –
[여기] (http://stackoverflow.com/questions/22219315/angular-ui-router-ui-sref-active-and-nested-states), [여기] (http : //stackoverflow.com/questions/25275348/active-link-tab-in-angularu-router) 및 [here] (http://stackoverflow.com/questions/22054391/angular-ui-router-how-do-i) 네비게이션 할 때 - 네 - 부모 -보기 - 활성 - 더 - 예) – Pumych