javascript - 如何在 AngularJS 中选择元素

Question

我正在尝试使用 AngularJS 通过标签名称获取元素。

例如，

angular.element(document.querySelector('h1')).css('color', 'green');

HTML 中的元素:

<div>
    <h1>Title 1</h1>
</div>
<div>
    <h1>Title 2</h1>
</div>

它仅适用于第一个元素，但不适用于第二个元素。我不确定其中的原因。谁能帮我解决这个问题吗？非常感谢!

Answer 1

正如 @Tushar 提到的，处理这个问题的最佳方法是使用 ng-class。让 Angular 为您进行 DOM 操作

你的CSS

.someclass{
  color: green
}

您的 HTML

<div ng-class="{'someclass': obj.value == 'somevalue'}">
    <h1>Title 1</h1>
</div>
<div>
    <h1>Title 2</h1>
</div>

在 Controller 中的'someclass'之后，您可以插入最有意义的任何表达式。当您的表达式计算结果为 true 时，'someclass' 将应用于您的 Div。