Javascript 在angularJS应用程序文档就绪事件中运行jquery代码
我试图在angular应用程序中运行一些jquery代码,我试图运行的代码包括挂接一些选择器/Javascript 在angularJS应用程序文档就绪事件中运行jquery代码,javascript,jquery,asp.net,angularjs,Javascript,Jquery,Asp.net,Angularjs,我试图在angular应用程序中运行一些jquery代码,我试图运行的代码包括挂接一些选择器/ $(document).ready(function () { Configuration.anchorToUseForMainSearch = $("#header_element") } 此选择器返回“长度:0”,因为DOM尚未加载, 还有其他一些我应该使用的事件吗 尝试使用以下方法: angular.element(document).ready(function () {
$(document).ready(function () {
Configuration.anchorToUseForMainSearch = $("#header_element")
}
此选择器返回“长度:0”,因为DOM尚未加载,
还有其他一些我应该使用的事件吗
尝试使用以下方法:
angular.element(document).ready(function () {
// Your document is ready, place your code here
});
但结果是一样的。您可以为此创建一个指令,并设置执行代码的超时。我想说,您走错了路。角度方法可以避免使用jQuery。如果您一定要这样做,我建议您将它放在主模块附带的.run()中。我希望文档在该函数启动时“准备就绪”
angular.module('myApp', [])
.run(function myAppRunFn() {
// commit sins here.
});
此处记录:
var target=$(“#wrapperDiv”)[0]//或document.body,如果您不确定
//创建一个观察者实例
var观察者=新的突变观察者(功能(突变){
突变。forEach(功能(突变){
if($(mutation.addedNodes).filter('#header_element').length){
//这里是你想要的代码
log(“添加到DOM中的项”);
}
});
});
//观察员的配置:
var config={attributes:true,childList:true,characterData:true,subtree:true};
//传入目标节点以及观察者选项
observer.observe(目标,配置);
setTimeout(函数(){
log('从其他代码添加元素');
$(“#innerDiv”)。追加(“”);
}, 2000);代码>
元件#头部(单元
将通过角路线/部分加载
?@Koushik Chatterjee加载。不可以。jquery代码将从钩住angular应用程序的外部项目运行。要澄清,您是指文档选择器?将MutationObserver添加到正文,一旦找到元素,请删除observer@JeffHoward-是的jquery代码将从钩住angular应用程序的外部项目运行,所以我不能为它的外部应用程序做一个指令。常规document.ready假设可以工作了吗?jquery代码将从外部项目(而不是angular应用程序)运行,该项目钩住angular应用程序。所以我没有办法用这个答案。。