将 class 添加到 AngularJs 中的多个元素

Question

我正在尝试将 class 添加到多个 div 以更改其背景颜色。

HTML:

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

我目前正在使用这个：

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

我的问题是...此标题有多个 div，但它只会更改第一次出现的 div 的颜色。我怎样才能拥有它所以所有 divs 与 class 添加 css 样式。

Answer 1

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

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

Answer 2

使用 ng-class 而不是 class 并为您的模型分配一个 class 名称：

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

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

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

https://jsfiddle.net/4tuavhL2/

将 class 添加到 AngularJs 中的多个元素

Add class to multiple elements in AngularJs

javascript

css

scope

directive

angularjs