如何将一个类成员变量传递给另一个组件angular？

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-source-component',
  template: `
    <app-destination-component [destinationValue]="sourceValue"></app-destination-component>
  `
})
export class SourceComponent {
  @Input() sourceValue: string;
}

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-destination-component',
  template: `
    <p>{{ destinationValue }}</p>
  `
})
export class DestinationComponent {
  @Input() destinationValue: string;
}