Javascript AngularJs指令不'；在重新加载页面之前不能工作

我正在尝试构建一个angularJs指令，它将使div变得粘乎乎的。 但我被困在最初的状态

问题是，此滚动事件仅在页面重新加载时触发。最初不适用于路线更改。但是，一旦我重新加载页面，它甚至可以在更改路线的情况下工作。

我做错了什么

代码如下：

（功能（角度、窗口）{
“严格使用”；
函数stickyDivDirective（$compile，$timeout）{
函数定向链接（范围、元素、属性）{
函数滚动函数（targetDocument）{
console.log（“滚动”）；
}
元素（document.querySelector（'md-content'））.on（'scroll'，scroll函数）；
}
var指令={
限制：“A”，
范围：{
主容器：“@”，
targetContainer:“@”，
越界：“@”，
scrollableElement:“@”
},
链接：directiveLink
};
返回指令；
}
stickyDivDirective.$inject=[“$compile”、“$timeout”]；
有棱角的
.module（appSuite.module+“.directives”）
.指令（“stickyDiv”，stickyDiv指令）；
})（窗户，有棱角的，窗户）我找到了解决方案。
这真的很奇怪。我只是使用了getElementById而不是querySelector。
问题解决了