Добавить класс в несколько элементов в AngularJs

Question

Я пытаюсь добавить класс в несколько div, чтобы изменить его цвет фона.

HTML:

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

В настоящее время я использую это:

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

Моя проблема заключается в том, что ... есть несколько DIV с этим заголовком, но он меняет цвет только первый появление этого div. Как я могу получить его, чтобы все div с этим классом добавили стиль css.

Answer 1

document.querySelector выбирает первый элемент, соответствующий запросу. querySelectorAll должен достичь желаемого результата.

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

Answer 2

Используйте нг-класс вместо класса и присвоить Classname к модели:

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

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

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

https://jsfiddle.net/4tuavhL2/