为什么在Angular 7项目中重新加载一次后jquery可以工作？

Question

我有一个用angular 7 CLI创建的仪表板，它使用引导程序，但是主要功能像我知道的每个模板一样都写在jquery中。 问题是下一个：

对于切换边栏，HTML使用以下行<a href="javascript:void(0)" class="navbar--btn" data-toggle="sidebar" title="Toggle Sidebar"></a> jquery文件包含这段代码：

    var $toggleSidebar = $('[data-toggle="sidebar"]');

    $toggleSidebar.on('click', function(e) {
        e.preventDefault();

        $body.toggleClass('sidebar-mini');
    });

    var $scrollBar = $('[data-trigger="scrollbar"]');

    $scrollBar.each(function() {
        var $ps, $pos;

        $ps = new PerfectScrollbar(this);

        $pos = localStorage.getItem('ps.' + this.classList[0]);

        if ($pos !== null) {
            $ps.element.scrollTop = $pos;
        }
    });

    $scrollBar.on('ps-scroll-y', function() {
        localStorage.setItem('ps.' + this.classList[0], this.scrollTop);
    });

这里的问题是，当我使用路由{useHash:true}从登录名传递到此仪表板时，在重新加载页面一次后切换按钮不起作用。 另一个是侧边栏中的滚动条...直到我刷新一次才出现。 是否存在以避免在Angular 7中重新加载这种类型的[data-trigger]或[data-toggle] ？

Answer 1

谢谢大家，我用location.reload(true);解决了location.reload(true); 在身份验证服务中。 问题是，当我从登录名访问仪表板时，我正在进行“重定向”到仪表板，而当我注销时，当auth.service执行重定向时，我使用[routerLink] =“”进行重定向时，这会使系统感到困惑。 对于每个有相同问题的人，请不要进行两次重定向。 问候！