JS和css在angular 5中不工作,转到下一个路由器

JS和css在angular 5中不工作,转到下一个路由器,angular,angular-ui-router,angular5,Angular,Angular Ui Router,Angular5,在angular 5项目中,当我要下一个路由CSS和js不工作时,当我重新加载页面时,它正常工作时,当我在路由器中单击时,它会发生同样的事情,并且在重新加载页面后,它正常工作。 我正在加载所有CSS和js文件,代码在这里 .angular-cli.json 另一个路由详细信息在这里,我尝试将代码写入index.html和styles.scs,但不工作,当我单击任何路由时,它不工作,当我刷新页面时,所有事情都工作得很好 这样的路由,在编译期间没有任何错误 app-routing.module.ts

在angular 5项目中,当我要下一个路由CSS和js不工作时,当我重新加载页面时,它正常工作时,当我在路由器中单击时,它会发生同样的事情,并且在重新加载页面后,它正常工作。 我正在加载所有CSS和js文件,代码在这里

.angular-cli.json

另一个路由详细信息在这里,我尝试将代码写入index.html和styles.scs,但不工作,当我单击任何路由时,它不工作,当我刷新页面时,所有事情都工作得很好

这样的路由,在编译期间没有任何错误

app-routing.module.ts


我找到了答案,有两种方法可以解决,一种是在index.html中包含js文件,但专家说永远不要在index.html中添加js文件,因为发生了负载和安全问题,我不知道我是如何找到专家的。 然后,另一种方法是基于组件的

ngOnInit() {
$(document).ready(function () {
  $.getScript('../../assets/frontend/js/app.js', function (w) { });
}); }

这将总是有帮助的,在页面加载中也加载js文件,还可以将Jquery包含在其中,使其工作更加完美

控制台中有错误吗?没有控制台中没有错误。
{ path: 'officers', component: OfficersListComponent},
ngOnInit() {
$(document).ready(function () {
  $.getScript('../../assets/frontend/js/app.js', function (w) { });
}); }