如何将模板引用变量传递给子组件

<app-child #childComponent></app-child>

import { Component, ViewChild } from '@angular/core';
import { ChildComponent } from './child.component';

@Component({
  selector: 'app-parent',
  template: `
    <app-child #childComponent></app-child>
  `
})
export class ParentComponent {
  @ViewChild('childComponent') childComponent: ChildComponent;

  // 在父组件的其他方法中可以使用childComponent来访问子组件的属性和方法
  someMethod() {
    this.childComponent.someMethod();
  }
}

<app-child [childRef]="childComponent"></app-child>

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

@Component({
  selector: 'app-child',
  template: `...`
})
export class ChildComponent {
  @Input() childRef: any;

  // 在子组件中可以使用childRef来访问父组件传递的模板引用变量
  someMethod() {
    console.log(this.childRef);
  }
}