Javascript 在angular 7中更改路由时为什么不加载Jquery？

我有一个问题，当导航路线之间的角度7，例如。。。我的app-component.html中有此代码

<app-navbar *ngIf="currentUser"></app-navbar>
<router-outlet></router-outlet>
<app-footer *ngIf="currentUser"></app-footer>

---

但不能在angular中工作，只有当我重新加载一次组件时，如果我导航到其他路径，侧边栏会忽略jquery，但刷新页面会起作用。。。我如何解决这个问题。。。没有提神？谢谢你的帮助

大概是因为在执行jQuery代码时，

$（'.category collazed'）

没有这样的元素

请尝试

jQuery.on（）

，它允许以后绑定：

那么这个

$('.category-title [data-action=collapse]').click(fn)

成为（未经测试）

---

我强烈建议使用Angular引导，而不是普通的javascript/jquery解决方案

---

该库提供了多种标准UI组件—选项卡式界面、下拉列表、手风琴菜单等。所有这些组件都是本机Angle组件，支持完整的TypeScript。

您是否尝试过使用纯css解决方案？我的经验法则是，如果你必须在angular应用程序中包含jquery，那么你没有正确使用angular。使用模板的主要原因是因为节省了设计时间。。。因为这个原因，我们需要像这样使用它。这个答案对我有用。看看这个，干杯！好的，我转换简单的函数点击，但是这个

$（'.dropdown menu'）.find（'.dropdown子菜单'）.not（'.disabled'）.find（'.dropdown toggle'）.on（'click'，函数（e）{}）我怎么说？因为搜索child并应用click untl
dropdown to gle
而不是直接到
下拉菜单（'.dropdown menu'）。查找（'.dropdown submenu'）。而不是（'.disabled'）。查找（'.dropdown toggle'）。打开（'click'，函数（e）{}）可以变成
$（“body”）。在（“单击“，”。下拉菜单。下拉子菜单：未（.disabled）。下拉切换“，函数（e）{}）另请参见在此之前我已经转换了文件，但只有add类无效，不能应用样式更改。请帮我转换文件。我尝试了很多次，但都没有成功（app.js是经过修改的，appOriginal就像模板中的一样）…我的想法是不给标准视图留出时间，就像侧边栏一样，因为我使用了一个模板，所有在里面创建的其他东西都将使用这个库，但是模板的“骨架”使用jquery
$('.category-title [data-action=collapse]').click(fn)

$(document).on('click', '.category-title [data-action=collapse]', fn)