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

Question

我是角色新手，我正在尝试使用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与{{}}

一起使用