我使用的workingData
服务包含渗透到我的应用程序中的数据。它向 MockworkingData
对象返回一个 observable。
@Injectable()
export class WorkingDataService {
getWorkingData(): Observable<WorkingData> {
return Observable.of(WORKINGDATA);
}
getSelectedDate(): Observable<Date> {
return Observable.of(WORKINGDATA.selectedDate);
}
}
该对象的一个属性workingData
是一个名为 的日期字段selectedDate
。
export const WORKINGDATA: WorkingData = {
today: new Date(),
selectedDate: new Date('11-15-2016'),
targetDate: new Date(),
data: []
};
这会触发组件中的以下功能(或其incrementDate()
对应功能)cal-nav
:
decrementDate(): void {
let newDate = new Date(this.workingData.selectedDate.getDate());
newDate.setMonth(newDate.getMonth() - 1);
this.workingData.monthPrior = newDate;
}
observable 更新了workingDate
注入服务的所有组件中的视图,但我现在需要触发month
组件中的函数(它是组件的兄弟cal-nav
)。每次更新时如何触发组件中的功能,即使它是从不同的组件更新的?month
workingData.selectedDate
selectedDate
更新:我现在单独订阅该属性。
ngOnInit(): void {
this.getWorkingData();
this.getSelectedDate(); // Just added
}
getSelectedDate(): void{
this._workingDataService.getSelectedDate().subscribe(selectedDate => {this.myFunc();});
}
myFunc(){
console.log('working');
}
这会触发myFunc()
oninit 但不会在值更新时触发。