AngularJsの複数の要素にクラスを追加する

Question

複数のdivにクラスを追加して背景色を変更しようとしています。

HTML：

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

私の問題は、この見出しを持つ複数のdivのがあること...ですが、それが唯一の最初の色を変えている：私は現在、この使用しています

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

そのdivの発生。どのように私はそれを持っているので、そのクラスのすべての部門は、そのCSSのスタイリングを追加します。

Answer 1

document.querySelectorは、クエリに一致する最初の要素を選択します。 querySelectorAllはあなたが望む結果を達成するはずです。

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

Answer 2

使用の代わりにクラスのNG-クラスとモデルにクラス名を割り当てます。あなたがどうなるか

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

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

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

https://jsfiddle.net/4tuavhL2/