Angularjs angular.js元素没有方法querySelector
我试图从angular中获取一个子元素作为指令中的对象，所以 link: function(scope,elem,attrs){ var resizeBar = elem.querySelector('.resize-bar'); 但这是一个很好的结果Angularjs angular.js元素没有方法querySelector,angularjs,jquery-selectors,Angularjs,Jquery Selectors,我试图从angular中获取一个子元素作为指令中的对象，所以 link: function(scope,elem,attrs){ var resizeBar = elem.querySelector('.resize-bar'); 但这是一个很好的结果 <div class="resize-bar">Move</div> 移动 这不是我需要的，我需要调整大小栏的html对象 有人知道一个很好的方法吗 elem的控制台输出为 : div.favor-layout
<div class="resize-bar">Move</div>
移动
.querySelector（）文档元素var currentElemClass = "." + elem.className.replace(/\s/g, ".") + " ";
var resizeBar = document.querySelector(currentElemClass + ".resize-bar");
document.querySelectordiv.favor-layout.favor layout sidewayscurrentElemClass.favor layout.favor layout sidewaysdocument.querySelector(".favor-layout.favor-layout-sideways .resize-bar");
这是一个有效的查询。试试这个，返回值是element，不是angular element
var resizeBar = elem[0].querySelector('.resize-bar');
如果要查找指令模板中驻留的元素，可以在
链接中使用该元素：
var divElement = angular.element(element[0].querySelector('#find-me'));
它将查找#find me
id。但它只在指令的模板中查找。因此，它不会在指令之外返回任何具有相同id的元素，如文档。querySelector（“#find me”）
因此，如果在指令中使用它，它将如下所示：
angular.module('app').directive('myDirective', function(){
return{
link: function(scope, element, attributes){
var divElement = angular.element(element[0].querySelector('#find-me'));
},
template: function(element, attributes){
return '<div id="find-me">' +
'Look at my directive' +
'</div>';
}
}
});
angular.module（'app'）.directive（'myDirective'，function（）{
返回{
链接：功能（范围、元素、属性）{
var divElement=angular.element（元素[0]。查询选择器（“#找到我”）；
},
模板：函数（元素、属性）{
返回“”+
“看我的指令”+
'';
}
}
});
谢谢，我正在尝试在没有jQuery的情况下执行此操作，但可能会放弃。您的解决方案的问题是，当我将resizeBar放入控制台时，它会给我html字符串，而不是对象。您可以粘贴console.log（elem）的响应吗
在您的指令中？添加了元素的console.log这是一个好主意knrz，我会仔细研究一下，但我遇到的问题是，我将有许多div具有相同的类组，这将使它们全部可用。我会考虑添加一个id，但我可能没有与每个div相关的唯一数据来创建id。querySelector是一种元素方法，因此它不仅适用于文档，还可以编写一个示例，我支持这个答案。
angular.module('app').directive('myDirective', function(){
return{
link: function(scope, element, attributes){
var divElement = angular.element(element[0].querySelector('#find-me'));
},
template: function(element, attributes){
return '<div id="find-me">' +
'Look at my directive' +
'</div>';
}
}
});