Как мне установить компонент общего заголовка для всех моих страниц в IONI C 4? - PullRequest
Новая
       15

Как мне установить компонент общего заголовка для всех моих страниц в IONI C 4?

0 голосов
/ 22 марта 2020

Я хочу установить общий компонент в качестве заголовка на всех моих страницах c (Ionic4). Как правильно это сделать?

Ответы [ 2 ]

1 голос
/ 22 марта 2020

создайте пользовательский компонент.

Выполните: ionic g component header команда сгенерируйте компонент с этим содержимым 

header.component.html
header.component.scss
header.component.ts

Внутри header.component. html поместите, например, содержимое вашего заголовка : 

<ion-toolbar>
  <ion-buttons slot="start">
    <ion-back-button></ion-back-button>
  </ion-buttons>
  <ion-title class="ion-text-center">title</ion-title>    
</ion-toolbar>

Внутри каждой html страницы вставки вашего приложения: 

<ion-header>
  <app-header></app-header>
</ion-header>

<ion-content>

</ion-content>

Помните, чтобы добавить Модуль компонента внутри app.module.ts или page.module.ts при использовании отложенной загрузки

0 голосов
/ 22 марта 2020

На вашем app.component. html вы можете добавить компонент заголовка следующим образом: 

<app-header></app-header>
<main>
<router-outlet></router-outlet>
</main>
...