Come un componente può modificare una variabile su un altro componente. Esempio:Angolare 2 variabili componente variabili su un altro componente
Ho un componente app.component.ts
@Component({
selector: 'my-app',
template: `
<nav *ngIf="onMain == false">
Hello
</nav>
`
})
export class AppComponent{
onMain: Boolean;
constructor(){
this.onMain = false;
}
}
ho un altro componente che voglio cambiare onMain nel mio componente app main.component.ts
import {AppComponent} from '../app.component';
@Component({
selector: 'main-app',
template: ``
})
export class MainComponent{
constructor() {
this.appComponent = AppComponent;
this.appComponent.onMain = true;
}
}
Mi aspetterei che Ciao scomparirebbe, ma non lo fa. Come posso avere un componente cambiare il valore su un altro componente?
È possibile utilizzare 'EventEmitter' in un servizio ** **. Quindi consentire ad AppComponent di iscriversi per ottenere l'evento della modifica. –