JS et css ne fonctionnent pas dans l'angle 5, sur passer au routeur suivant - angular, angular-ui-router, angular5

Dans angular 5 projets quand je vais au suivantroute CSS et js ne fonctionnent pas et quand je recharge la page, elle fonctionne correctement, il se passe la même chose quand je clique sur le routeur et après avoir rechargé la page, elle fonctionne parfaitement. Je charge tous les fichiers CSS et js et le code est ici.

.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"
],

Et d'autres détails d'itinéraires sont ici, j'ai essayéécrire du code dans index.html et styles.scss mais ne fonctionne pas, même problème, lorsque je clique sur un itinéraire quelconque, cela ne fonctionne pas, lorsque j'actualise la page, tout fonctionne parfaitement

et acheminez quelque chose comme ceci et il n'y a aucune erreur pendant le temps de compilation.

app-routing.module.ts

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

Réponses:

J'ai trouvé la réponse, ça peut être résolu par deuxMéthodes on est inclus fichier js dans index.html, mais expert dit que ne jamais ajouter le fichier js dans index.html car un problème de charge et de sécurité s’est produit, je ne sais pas comment je trouve toujours un expert. alors une autre méthode est basée sur le composant.

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

cela aidera toujours et dans le chargement de page chargera également le fichier js, vous pouvez aussi inclure Jquery pour son fonctionnement parfait.