父组件的选择值更改时如何重新加载子组件

时间:2019-07-15 13:30:03

标签: angular

我在应用程序组件的导航栏中有一个选择。选择值更改时,我需要刷新子组件。我需要在哪里刷新?

这是从我的父组件中的select中获取值的函数:

public setSelection(selectedValue: any): void {
    this.service = selectedValue;
    this.data.currentService.subscribe(service => this.service = service)
  }

这是我传递数据的服务:

import {Injectable} from '@angular/core';
import {BehaviorSubject} from 'rxjs';


@Injectable()
export class DataService{

  private serviceSource = new BehaviorSubject(3);
  currentService = this.serviceSource.asObservable();

  constructor(){}

  changeService(service: number){
    this.serviceSource.next(service);
  }

}

这就是我在子组件中获取值的方式:

@Input() public service !: number;


ngOnInit() : void {

this.data.currentService.subscribe(service => this.service = service);

}

当我在父组件的选择中更改所选选项时,我只是希望子组件刷新

0 个答案:

没有答案