Tenho um componente chamado footer, nele contém o seguinte código:
footer.html
<ion-footer>
<ion-toolbar color="black-light">
<button ion-button color="light" full clear>{{btnFooter}}</button>
</ion-toolbar>
</ion-footer>
footer.ts
import { Component, Input } from '@angular/core';
import { CadastroContaPage } from '../pages/cadastro-conta/cadastro-conta';
@Component({
selector: 'footer',
templateUrl: 'footer.html'
})
export class FooterComponent {
//INSERIR OS ELEMENTOS NOS BOTÕES
@Input() btnFooter: string;
constructor() {}
}
Este componente irá estar em diversas páginas, então eu não posso colocar um link fixo para ele, pois em cada página haverá um link diferente. Eu tenho uma page chamada cadastro-conta que é CadastroContaPage, eu gostaria que o componente footer na página login-conta muda-se para a página cadastro-conta assim que clica-se no componente.