@Input绑定可以是Angular中的可观察对象吗？

import { Component } from '@angular/core';
import { Subject } from 'rxjs';

@Component({
  selector: 'app-parent',
  template: `
    <app-child [observable]="observable$"></app-child>
  `,
})
export class ParentComponent {
  observable$ = new Subject<string>();
}

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

@Component({
  selector: 'app-child',
  template: `
    <div>{{ observable$ | async }}</div>
  `,
})
export class ChildComponent implements OnInit {
  @Input() observable$: Observable<string>;

  ngOnInit() {
    // 可以在这里订阅 observable$ 并处理数据
  }
}