Angularjs 试图从模板中获取元素

Angularjs 试图从模板中获取元素,angularjs,Angularjs,我试图以不同的方式从我的模板中获取元素,但它们似乎都不起作用。 这是我的代码: 主要内容 角度模块(“主模块”,[]) .controller(“mainCtrl”、[“$scope”、“$document”、函数($scope、$document){ $scope.init=函数(){ var元素=角度元素(“主要内容”); 控制台日志(元素); 元素=角度元素(“主要内容”); 控制台日志(元素); 元素=$document.find(#main content”); 控制台日志(元素)

我试图以不同的方式从我的模板中获取元素,但它们似乎都不起作用。 这是我的代码:


主要内容
角度模块(“主模块”,[]) .controller(“mainCtrl”、[“$scope”、“$document”、函数($scope、$document){ $scope.init=函数(){ var元素=角度元素(“主要内容”); 控制台日志(元素); 元素=角度元素(“主要内容”); 控制台日志(元素); 元素=$document.find(#main content”); 控制台日志(元素); }(); }]); 也许你们中有人知道?谢谢你的帮助

您应该为此创建一个。
.

使用angular时,请尽量避免DOM操作。但如果您仍然想这样做:以下是获得所需元素的方法:

       angular.element(document.querySelector('#main-content'))
您还可以使用$element服务完成此操作

        $element.find('#main-content') 

谢谢你的建议!