如何在angular中动态设置属性？

<button [disabled]="isDisabled">Click me</button>

<input [value]="inputValue">

<div title="{{titleText}}">Hover me</div>

<app-child-component #child></app-child-component>

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

@Component({
  selector: 'app-parent-component',
  template: `
    <button (click)="updateData()">Update data</button>
    <app-child-component #child></app-child-component>
  `
})
export class ParentComponent {
  @ViewChild('child') childComponent: ChildComponent;

  updateData() {
    this.childComponent.data = 'New data';
  }
}