Загрузите НЕ угловую html-страницу и javascript в угловой проект
Я работаю над проектом с Angular 7, используя шаблон Core UI. У меня есть страница, написанная на простом html, и она использует некоторый javascript, и я хочу загрузить эту страницу, когда пользователь что-то щелкает. Эта страница не является угловым модулем/компонентом.
Я попытался загрузить другой модуль Angular, а затем загрузить в него нужную мне HTML-страницу, но это не сработало. И моя интуиция говорит, что это не выход.
Код, который я использую, выглядит так:
By clicking <span class = "here" (click) = "loadNonAngularPage()">here</span> you can load a non angular page.
И вызываемая функция такова:
public loadNonAngularPage(){
this.router.navigateByUrl('/non angular page')
}
Есть идеи?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вы можете использовать <iframe>, если хотите оставаться в приложении angular, или вы можете использовать window.location.href = '...';, если хотите перейти на другую веб-страницу.
public loadNonAngularPage(){
window.location.href = '/non angular page';
}
Сделал это и с <iframe>, и результат стал намного лучше. Мне пришлось объявить в assets в angular.json файле папку src. После этого в обоих случаях я использовал указанный ниже путь src к файлу page.html для доступа к нему. Спасибо!
Я заработал, используя решение
window.location.href='...', но мне не хватает всего остального в окне (например, панировочные сухари, боковая навигация и т. д.). Я попробую решение <iframe>. Спасибо!