Javascript 向AngularJs中的多个元素添加类

我正在尝试将一个类添加到多个div以更改其背景色

HTML:

我的问题是。。。有多个具有此标题的div，但它仅更改该div第一次出现的颜色。如何使该类的所有div添加css样式。

document.querySelector选择与查询匹配的第一个元素。querySelectorAll应该达到您想要的结果

jsIDLE:

document.querySelector选择与查询匹配的第一个元素。querySelectorAll应该达到您想要的结果

---

jsIDLE:

使用ng类而不是类，并为模型指定类名：

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

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

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

---

使用ng类而不是类，并为模型指定类名：

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

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

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

---

虽然这个答案是正确的，但这不是你在AngularAgreed中的做法，我宁愿使用ng class或class={{{expression}}，但我不会责怪任何人使用本机JS，特别是如果他们出于某种原因不希望元素如此强烈地绑定到控制器上，不管他们是否同意，idk。尽管这个答案是正确的，这不是你在AngularAgreed中的做法，我更愿意使用ng类或class={{expression}}，但我不会责怪任何人使用本机JS，特别是如果他们出于某种原因不希望元素如此强烈地绑定到控制器上，他们可能会也可能不会，idk。

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

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

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