Внешние скрипты не загружаются после маршрутизации на другой компонент в приложении Angular

Question

В моем приложении Angular 7 есть навигационная панель. У меня также есть пользовательский файл JavaScript, который загружается при первоначальной загрузке приложения. После нажатия на ссылку в моем приложении для маршрутизации к другому компоненту внешний файл javascript перестает работать / не загружается. Как я могу заставить этот файл JavaScript загружаться или оставаться загруженным, когда я нажимаю на ссылку для маршрутизации к другому компоненту?

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

Я прочитал несколько старых тем в stackoverflow относительно той же проблемы, но, похоже, нет однозначного ответа или решения.

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

Answer 1

Когда вы меняете маршруты, вы не загружаете новую страницу, вы заменяете части DOM той же страницы.Он не собирается повторно вызывать файл JS, загруженный при начальной загрузке страницы.Если вы хотите запустить JS при изменении маршрута, вы можете вызвать его в обработчике жизненного цикла компонента, таком как ngAfterInit, или вы можете создать универсальный обработчик маршрута, который будет вызывать его при каждом изменении маршрута.