javascript – 可观察属性更改时的Angular2触发器函数

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 可观察属性更改时的Angular2触发器函数，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1452字，纯文字阅读大概需要3分钟。

内容图文

我使用一个workingData服务来保存贯穿我的应用程序的数据.它将一个observable返回给Mock workingData对象.

@Injectable()
export class WorkingDataService {
  getWorkingData(): Observable<WorkingData> {
    return Observable.of(WORKINGDATA);
  }
  getSelectedDate(): Observable<Date> {
    return Observable.of(WORKINGDATA.selectedDate);
  }
}

workData对象上的一个属性是名为selectedDate的日期字段.

export const WORKINGDATA: WorkingData = {
  today: new Date(),
  selectedDate: new Date('11-15-2016'),
  targetDate: new Date(),
  data: []
};

单击“上个月”或“下个月”按钮可以更新此值：

这会在cal-nav组件中触发以下函数(或者它的incrementDate()对应函数)：

decrementDate(): void {
  let newDate = new Date(this.workingData.selectedDate.getDate());
  newDate.setMonth(newDate.getMonth() - 1);
  this.workingData.monthPrior = newDate;
}

observable更新了注入了workingDate服务的所有comopnents中的视图,但我现在需要在month组件(它是cal-nav组件的兄弟)中触发一个funtion.每次更新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,但不会在值更新时触发.

解决方法:

您可以在代码中订阅Observable

this.myObservable.subscribe( data => {
  myFunction();
 });

如果这不能满足您的需求,那么您必须提供更多代码或一些您确切需要的序列

内容总结

以上是互联网集市为您收集整理的javascript – 可观察属性更改时的Angular2触发器函数全部内容，希望文章能够帮你解决javascript – 可观察属性更改时的Angular2触发器函数所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端