AngularJs의 여러 요소에 클래스 추가

여러 div에 클래스를 추가하여 배경색을 변경하려고합니다.AngularJs의 여러 요소에 클래스 추가

HTML :

angular.element(document.querySelector('.heading')).addClass('color-change');

내 문제는이 제목과 함께 여러 사업부의의가 있다고 ...하지만 그것은 첫 번째의 색을 변화 : 나는 현재이 사용하고

<div class="span6"> 
    <div class="heading">Heading 1</div>      
</div>

그 div의 발생. 어떻게하면 그 클래스의 모든 div가 해당 CSS 스타일을 추가 할 수 있습니까?

출처

2016-08-09 user4756836

document.querySelector은 쿼리와 일치하는 첫 번째 요소를 선택합니다. querySelectorAll으로 원하는 결과를 얻어야합니다.

JSFiddle가 : https://jsfiddle.net/usw4cozt/

출처

2016-08-09 21:44:35 MPawlak

이 대답은 정확하지만, 그렇지 않아 각도가 – tdhulster

이라면,'ng-class' 또는'class = {{expression}}'을 사용하고 싶습니다만, 네이티브 JS 사용에 대해 아무런 잘못은 없습니다. C에 너무 강하게 묶여있다. ontroller (idk 일 수도 있고하지 않을 수도 있음). – MPawlak

사용하는 대신 클래스의 NG-클래스와 모델에 클래스 이름을 지정 : 당신이 얼마나

<h1 ng-class='mainCtrl.selectedTheme'>Title 2</h1> 

angular.module('demoApp', []) 
    .controller('MainController', MainController) 

function MainController() { 
    this.selectedTheme = 'blue'; 
}

https://jsfiddle.net/4tuavhL2/

출처

2016-08-09 22:08:57 tdhulster

AngularJs의 여러 요소에 클래스 추가

답변

관련 문제