javascript - 如何使用 angular.element 获取 li 元素

Question

我是 Angular 新手，我正在尝试使用 angular.element 从 ul 获取 li 并向其添加一个类。但它似乎不起作用并且显示“未定义”。我哪里出错了？

app.controller('MainCtrl', function($scope) {
  $scope.names = [
      'John',
      'Doe'
  ];

  console.log(angular.element(document.getElementById('container'))[0].children[1]);    
});

演示:http://plnkr.co/edit/gfyDlLeXcbc0uAIxPE93?p=preview

Answer 1

它不起作用，因为当您调用console.log(angular.element(document.getElementById('container'))[0].children[1]);时，渲染阶段还没有开始，没有<li>此时已渲染。

如果您需要动态添加类，我建议使用 ng-class

DEMO如何使用ng-class

DEMO如何使用class与 {{}}