Question

在角色5个项目中，当我要去下一个路径时，CSS和js无法工作，当我重新加载页面时，它正常工作，当我点击路由器并重新加载页面后，它发生了相同的工作。我正在加载所有CSS和js文件，代码在这里。

.angular-cli.json

 "styles": [
    "assets/css/jquery/jquery-ui.min.css",
    "assets/css/bootstrap/bootstrap.min.css",
    "assets/css/fontawesome/font-awesome.min.css",
    "assets/css/summernote/summernote.css",
    "assets/css/nvd3/nv.d3.css",
    "assets/css/fullcalendar/fullcalendar.css",
    "assets/css/dropzone/dropzone.css",
    "assets/css/animate/animate.min.css",
    "assets/css/mcustomscrollbar/jquery.mCustomScrollbar.css",
    "assets/css/theme-default.css",
    "../node_modules/froala-editor/css/froala_editor.pkgd.min.css",
    "../node_modules/froala-editor/css/froala_style.min.css",
    "../node_modules/font-awesome/css/font-awesome.css",
    "styles.scss"
  ],
  "scripts": [
    "assets/js/plugins/jquery/jquery.min.js",
    "assets/js/plugins/jquery/jquery-ui.min.js",
    "../node_modules/froala-editor/js/froala_editor.pkgd.min.js",
    "assets/js/plugins/bootstrap/bootstrap.min.js",
    "assets/js/plugins/icheck/icheck.min.js",
    "assets/js/plugins/mcustomscrollbar/jquery.mCustomScrollbar.min.js",
    "assets/js/plugins/morris/raphael-min.js",
    "assets/js/plugins/scrolltotop/scrolltopcontrol.js",
    "assets/js/plugins/bootstrap/bootstrap-datepicker.js",
    "assets/js/plugins/owl/owl.carousel.min.js",
    "assets/js/plugins/datatables/jquery.dataTables.min.js",
    "assets/js/plugins/tableexport/tableExport.js",
    "assets/js/moment.min.js",
    "assets/js/plugins/daterangepicker/daterangepicker.js",
    "assets/js/settings.js",
    "assets/js/plugins.js",
    "assets/js/actions.js"
   ],

另外路由的详细信息在这里，我已经尝试将代码编写到index.html和styles.scss但是没有工作相同的问题，当我点击任何路由时它不起作用，当我刷新页面时所有的东西都工作正常。< / p>

并路由这样的东西，在编译期间没有任何错误。

APP-routing.module.ts

{ path: 'officers', component: OfficersListComponent},

Answer 1

我找到了答案，可以通过两种方法解决：一种是在index.html中包含js文件，但是专家表示，永远不要在index.html中添加js文件，因为发生了负载和安全性问题，我不知道如何我仍然在寻找专家。那么另一种方法就是基于组件。

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

这将总是有帮助，并且在页面加载中也加载js文件，您也可以将Jquery包括在内使其工作完美。

JS和css不工作在角5，转到下一个路由器

1 个答案: