WordPress, как статическая домашняя страница и другие динамические страницы в угловых 4 - PullRequest
Новая
       18

WordPress, как статическая домашняя страница и другие динамические страницы в угловых 4

0 голосов
/ 20 октября 2018

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

const routes: Routes = [
 { path: '', component: HomeComponent },
 { path: 'search', component: SearchComponent }
];

и в шаблоне я установил что-то вроде этого 

<app-header></app-header>
  <router-outlet></router-outlet> 
<app-footer></app-footer>

1 Ответ

0 голосов
/ 20 октября 2018

Если вы загружаете компонент, как показано ниже 

<app-header></app-header>
  <router-outlet></router-outlet> 
<app-footer></app-footer>

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

1) Поместите условие "* ngIf " в тег заголовка и нижнего колонтитула и проверьте, не является ли ссылка на роутер / компонент не домашней.

2) отдельный домашний модуль и ленивая загрузка другого компонента.Используя этот способ, вы можете отделить HTML для домашнего компонента и другого компонента.

Кроме того, для маршрутизации используйте ниже фрагмент. 

const routes: Routes = [
 { path: '', redirectTo: '/home', pathMatch: 'full' },
 { path: 'home', component: HomeComponent },
 { path: 'search', component: SearchComponent }
];

Это перенаправит вас на домашнюю страницу в случаеесли какой-либо маршрут не совпадает или если он пуст.

...