如何在angular中通过viewchild正确设置输入？

<app-child></app-child>

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

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

  ngAfterViewInit() {
    // 在这里可以访问子组件的输入属性
    this.childComponent.inputProperty = '设置子组件的输入属性';
  }
}

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

@Component({
  selector: 'app-child',
  template: `
    <p>{{ inputProperty }}</p>
  `
})
export class ChildComponent {
  @Input() inputProperty: string;
}