单击文本后，如何将数据添加到angular 11中输入文本字段.setvalue中的另一个组件中

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

@Injectable({
  providedIn: 'root'
})
export class DataService {
  public data: string;

  setData(value: string) {
    this.data = value;
  }
}

import { Component } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'app-data-source',
  template: `
    <input [(ngModel)]="data" />
    <button (click)="addData()">Add Data</button>
  `
})
export class DataSourceComponent {
  public data: string;

  constructor(private dataService: DataService) {}

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

import { Component, OnInit } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'app-target',
  template: `
    <input [value]="dataService.data" />
  `
})
export class TargetComponent implements OnInit {
  constructor(public dataService: DataService) {}

  ngOnInit() {}
}