Neste caso a1 - A solução adotadautilizada foi criar uma novaa criação de um componente footercustom padronizado que pode ser utilizado em qualquer página comdesejada, para isso utilizando o ionic cli criei o componente:
Comando: ionic g component footercustom
2 - Depois dos arquivos gerados inseri o código html do footer no arquivo footercustom.html
Após isso insira no decorador3 @NgModule()
da página associada- Para permitir a referenciautilização das tags do footer conforme abaixo, em nosso exemplo declaramosionic no arquivo principalcódigo html foi necessário importar no decorator o módulo IonicPageModule. (component.module.ts:)
@NgModule({
declarations: [[FootercustomComponent],
PrincipalPageimports: [IonicPageModule],
FooterPageexports: [FootercustomComponent]
})
export class ],ComponentsModule {}
Por fim,4 - Dentro do módulo da pagina que iria utilizar o footer foi necessário chamar o seletora importação do footer (<page-footer></page-footer>
) no html das páginas onde o rodapé deve ser rederizado.módulo do componente:
@NgModule({
declarations: [
PrincipalPage
],
imports: [
ComponentsModule,
IonicPageModule.forChild(PrincipalPage),
],
})
export class PrincipalPageModule {}