textbox未被重置，尽管它绑定的属性设置为null

<input type="text" [(ngModel)]="myValue">

export class MyComponent {
  myValue: string | null = null;

  resetTextbox() {
    this.myValue = null;
  }
}

<button (click)="resetTextbox()">Reset</button>
<input type="text" [value]="myValue">

export class MyComponent {
  myValue: string | null = null;

  resetTextbox() {
    this.myValue = null;
  }
}

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  myValue: string | null = null;

  constructor(private cdr: ChangeDetectorRef) {}

  resetTextbox() {
    this.myValue = null;
    this.cdr.detectChanges(); // 手动触发变更检测
  }
}

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnDestroy {
  myValue: string | null = null;

  ngOnDestroy() {
    this.myValue = null; // 组件销毁时重置状态
  }

  resetTextbox() {
    this.myValue = null;
  }
}