Angularjs - 有没有办法以编程方式点击HTML <select>元素？

Question

我见过一个类似这样的javascript解决方案： var select = document.getElementById（'selectId'） select.click（）; 是否有针对同一事物的AngularJS方法/最佳实践？ （在我的脑海中，你可以用ng-click包装上面的代码）

Answer 1

是的。这里是您在JavaScript中的角度等值

angular.element('#selectId').trigger('click');

工作example

Answer 2

角度中的任何DOM操作都应该出现在指令内。

查看

<div id="selectId" clickMe>content</div>

在指令内部，链接函数在编译视图后触发。 link函数中的第二个参数是指令所在的元素，这样可以获得性能优势，因为不需要遍历dom。它是一个JQlite元素，您可以直接调用方法。

指令

app.directive('click-me', function(){
  return{
    link(scope, el, attr){
       $(el).trigger('click');
     }
  }
});