Вызов HTML файла из внешнего компонента в компоненте HTML

Question

Я хочу вызвать HTML файл adverthome.html в advertisercomponent.html, но не могу этого сделать:

<li class="nav-item">
    <a routerLink="../adverthome.html" class="nav-link">
        <span>Advertiser Home</span>
    </a>
</li>

Мой adverthome.html файл находится за пределами компонента.

Answer 1

Вы должны создать компонент и указать для него route. Вы не можете перемещаться таким образом, поскольку это не обычный элемент <a> с атрибутом href. Скорее это просто что-то вроде кнопки, которая настроена Router будет обрабатывать click. Это не похоже на MPA, когда у вас есть несколько страниц html. У вас есть одна страница, которая будет обновлена ​​на Angular с использованием компонентов и их логики c (файл Ts c), шаблона (Html) и стиля (css) (вы все еще можете иметь один компонент и объявить HTML в @Component декоратор)

Answer 2

Вы должны создать компонент рекламного дома. Добавьте код из существующего html в ваш рекламный узел. html. Теперь вы можете объявить ваш adverthomeComponent в вашем модуле маршрутизации, чтобы использовать его с маршрутизацией

Вы не можете просто визуализировать отдельные html файлы, потому что Angular - это SPA , поэтому весь ваш код ( JS, HTML, CSS) восстанавливается одним стеком страниц. Более того, маршрут между страницами выполняется без бодрости всей страницы