Angular 2在组件Initialize上调用Observable

时间:2017-12-31 09:32:51

标签: angular typescript rxjs observable

我想在组件加载上调用observable。在下面的功能。我有month()服务,我使用subject next()发送数据。我想从load组件发送数据到接收组件。当我按下切换按钮使用(更改)事件数据时,当前正确接收功能,但我想在加载组件初始化时发送数据。我试过调用函数ngOnInit()但它不适用于我。

请帮助我在加载组件id初始化时如何触发toggleFunc(),以便在接收组件的this.service.monthData $ .subscribe中获得正确的数据。

我试过引用类似的问题,但没有任何对我有用。

// load component

ngOnInit(){
  if(yr > 0){
    this.monthData = false;
  } else {
    this.monthData = true;
  }
  this.toggleFunc(this.monthData);
}

toggleFunc(val){
  this.service.monthly(val);
}

// service

public monthData = new subject();
public monthData$ = this.monthData.asObservable();

monthly(val){
  this.monthData.next(val);
}

//receive component

ngOnInit(){
  this.service.monthData$.subscribe(val =>
  console.log(val);
  );
}
<!-- Load Component -->

<toggle-button [(ngModel)]="monthly" (change)="toggleFunc($event)"></toggle-button>

0 个答案:

没有答案