Я интегрирую шаблон html в angular 8. Я создал компонент заголовка, нижнего колонтитула и боковой панели, используя CLI, и вставьте код верхнего, нижнего и нижнего колонтитула html соответственно в компоненты. Затем я вызываю их в файл app.component. html, как показано ниже:
<div id="main-wrapper">
<app-header></app-header>
<app-left-sidebar></app-left-sidebar>
<app-footer></app-footer>
</div>
Затем я создал одну папку stati c в представлениях src / named. Я поместил все мои html файлы в эту папку, как home. html, о. html, contact. html et c ... Теперь, когда я звоню домой. html в приложение .component. html как показано ниже:
<div id="main-wrapper">
<app-header></app-header>
<app-left-sidebar></app-left-sidebar>
<div *ngIf="pageSlug == 'home'" ng-include="../views/home.html"></div>
<div *ngIf="pageSlug == 'about'" ng-include="../views/about.html"></div>
<div *ngIf="pageSlug == 'contact'" ng-include="../views/contact.html"></div>
<app-footer></app-footer>
</div>
Но, включая путь, как указано выше, не работает. Любое тело, дайте мне знать, как я могу достичь этого, и я также хочу знать, это правильный способ интеграции шаблона html, как это, или нам нужно создать компонент для всех, как домашний компонент, о компоненте и компоненте контакта.
Заранее спасибо за ваше время.