jquery在按角度路由时找不到项

我的角度组件中包含以下代码，该组件在

ngOnInit（）中运行：

我添加了
$（document）.ready
，因为它以前不工作。现在它可以在页面加载时工作。但当我做路由时，它不会。我知道脚本正在运行，并且我得到了打印的“动画技巧栏内文档准备就绪”。因此，出于某种原因，问题是
$（“.skillbar”）.each（）

为什么这不起作用？我感觉好像
技能条还没有准备好，但这是
文档的目标。准备好了吗？
将代码放在ngAfterViewInit（）中，以便加载HTML
检查

ngOnInit
可用于处理输入属性等。。视图在该状态下未就绪

尝试将它（不带document.ready stuff）放入
ngAfterViewInit
中，您可以将实现移动到ngAfterViewInit（）。其中视图将使用所有绑定进行初始化。
有关更多信息，请查看链接

您不需要执行此文档。就绪。
console.log（$（“.skillbar”）；看看你得到了什么。如果尝试在ngAfterViewInit（）之后调用代码，又会怎么样？试试看，解决了。我需要6分钟的时间将其标记为解决方案。当然，在angular代码中使用这样的jquery不是一个好的实践。
animateMobileSkillBar() : void {
    console.log("Animation skillbar out");
    $( document ).ready(function() {
      console.log("Animation skillbar inside document ready");
      $(".skillbars").each(function() {
        console.log("Animation skillbar for each skillbar");
        // The stuff I need to do...
      }
    }
}