Angular 如何在加载页面中的所有组件后使用document ready功能？

在Angular 6中加载完整页面后，我需要执行一些jQuery操作。我有3个单页组件。页眉，正文和页脚。我在页脚组件中尝试了

ngAfterViewInit

。但是我无法完全访问DOM元素。如果您知道，请建议。

您可以试试这个

html文件

---

这听起来像是一个错误。你的最终目标是什么？你为什么要这么做？我正在使用ngx权限进行基于角色的菜单。加载所有菜单后，我需要通过jquery操作添加一些类。这是我的目标。

加载所有菜单后，我需要通过jquery操作添加一些类

← 菜单是如何加载的？您可能会从中钩住事件逻辑。至于添加类，为什么要使用jquery？为什么不使用angular提供的众多选项之一？

<li>
   <a href="#" id="footer-item">about</a>
</li>       

declare let $: any;

@Component({
selector: 'app-footer',
templateUrl: './footer.component.html',
styleUrls: ['./footer.component.css']
})

ngDoCheck() {
    $('#footer-item').addClass('active');
 }