JS и CSS не работают в угловых 5, на следующий маршрутизатор - PullRequest
0 голосов
/ 18 мая 2018

В проектах angular 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, но не работаете с той же проблемой, когда я нажимаю любой маршрут, он не работает, когда я обновляю страницу, все работает отлично.

и маршрутизирую что-то вроде этого иво время компиляции ошибок нет.

app-routing.module.ts

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

1 Ответ

0 голосов
/ 09 июля 2018

Я нашел ответ, его можно решить двумя способами: один включает файл js в index.html, но эксперт говорит, что никогда не добавлял файл js в index.html, потому что возникла проблема с загрузкой и безопасностью, я не знаю, какЯ все еще нахожу эксперта.тогда другой метод основан на компоненте.

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

это всегда поможет, и при загрузке страницы также загрузите файл js, также вы можете включить Jquery, он отлично работает.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...