Как добавить нижний колонтитул в приложение Ioni c, используя angular?

Question

Я хочу добавить нижний колонтитул в приложение ioni c. Я пытаюсь добавить нижний колонтитул в app.component.ts и хочу использовать его для всех страниц вместо добавления ко всем страницам.

  <ion-router-outlet Id="content"></ion-router-outlet>
  <footer> footer
   </footer>
</ion-app>```

Answer 1

На вашем app.component. html вы можете добавить нижний колонтитул, как этот

 <main>
   <ion-router-outlet></ion-router-outlet>
 </main>
 <footer></footer>

app.componennt. css

main{ margin:2rem auto; }