将类添加到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

使用ng-class而不是class，并为您的模型分配className：

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

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

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

https://jsfiddle.net/4tuavhL2/