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

Question

我的应用程序组件的导航栏中有一个选择。I need to refresh my child component when select value changes. 我需要在哪里进行刷新？

这是在我的父组件中从选择中获取值的函数：

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);

}

当我在父组件的选择中更改所选选项时，我只想刷新子组件

标签： angular