Mam dwa równorzędne komponenty:
<nav-menu></nav-menu>
<router-outlet></router-outlet>
W nav-menu jest kontrolka
<input [formControl]="selectDateInput"/>
Komponenty komunikują się za pomocą wstrzykiwanego mediatora AppSvc:
export class AppSvc{
onDataChange: EventEmitter<Date> = new EventEmitter();
}
Po stronie nav-menu:
{...
selectDateInput: FormControl = new FormControl();
constructor(...){
this.selectDateInput.valueChanges.subscribe(val => this.appSvc.onDataChange.emit(val));
}
...}
Po stronie aktualnie wyśiwtlanego kompnentu w router-outlet:
{...
constructor(...){
this.appSvc.onDataChange.subscribe(val => this.date= val);
}
...}
Wszystko działa jak ta lala, do czasu gdy nie postanowiłem ustawić wartość domyślną kontrolki. W konstruktorze nav-menu dodałem:
this.selectDateInput.setValue(new Date());
Wartość domyślna nie jest przekazywana do drugiego komponentu? Co robię źle?