所有的Angular项目都有与component.ts相同的问题

// 在父组件中定义输入属性
@Input() data: any;

// 在子组件中接收输入属性的值
@Input() data: any;

<!-- 通过属性绑定将数据传递给子组件 -->
<app-child [data]="parentData"></app-child>

// 定义输出属性
@Output() dataEvent: EventEmitter<any> = new EventEmitter<any>();

// 触发事件，将数据传递给父组件
this.dataEvent.emit(data);

<!-- 通过事件绑定接收子组件传递的数据 -->
<app-child (dataEvent)="handleData($event)"></app-child>

// 在父组件中处理接收到的数据
handleData(data: any) {
  // 处理数据
}

@Injectable({
  providedIn: 'root'
})
export class DataService {
  private dataSubject: BehaviorSubject<any> = new BehaviorSubject<any>(null);
  public data$: Observable<any> = this.dataSubject.asObservable();

  setData(data: any) {
    this.dataSubject.next(data);
  }
}

constructor(private dataService: DataService) {}

setData() {
  this.dataService.setData(data);
}

constructor(private dataService: DataService) {}

ngOnInit() {
  this.dataService.data$.subscribe(data => {
    // 处理接收到的数据
  });
}