当你使用AngularJS开发前端应用时，你可能会遇到需要在控制器中获取DOM元素的情况。这个问题可以通过使用AngularJS内置的指令来轻松解决。
使用ng-init指令
ng-init指令允许你在HTML中初始化一个变量，并将其绑定到控制器。通过设置一个变量名，在控制器中就可以访问该变量并获取对应的DOM元素。
HTML代码：
---- ------------- - ------------------------------------------------------- --- -------------------- ----------- ------
控制器代码：
------------------------------ ---------------- - --- --------- - ------------ -- ----------------- ---
使用ng-controller指令和$element服务
另一种方法是使用ng-controller指令，然后在控制器中注入$element服务。$element服务提供了一个方便的方法来获取当前控制器所在元素的引用。
HTML代码：
---- ----------------------------- --- -------------------- ----------- ------
控制器代码：
------------------------------ ---------------- --------- - --- --------- - ---------------------------- -- ----------------- ---
结论
以上两种方法都可以在控制器中获取DOM元素，但是第二种方法使用了AngularJS的内置服务$element，更加推荐使用。无论你选择哪一种方法，它们都为你提供了一个轻松的方式来操作DOM元素。
希望本文对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/26295