如何在AngularJS中访问嵌套元素

Question

我有一个带有按钮的项目列表（div）。当我单击此按钮之一时，可以使用

访问元素

$event.currentTarget

返回类似

的内容

<div ng-click="myFunc()">
  <i class="someclass"></i>
  <span>bla bla</span>
</div>

我如何访问和修改类之类的属性？

Answer 1

不要。在HTML模板中使用ng-class或ng-if等现有指令。

<div ng-click="clicked = true">
  <span ng-class="{'someclass': clicked}">bla bla</span>
</div>

请参见stackblitz

---

尽管您可以获取html dom元素并进行编辑，但您应该仅将此作为最后一个选项，并且其他angularjs支持的方法已失败或不受支持。

Answer 2

模板

<div ng-click="myFunc($event)">
  <i class="someclass"></i>
  <span>bla bla</span>
</div>

控制器

$scope.myFunc(event) {
   var elem = angluar.element(event.currentTarget);
   elem.children(".someclass").removeClass("someclass")
}