您可以使用ngModelChange事件和一个按钮来清除输入。以下是一个示例代码：

HTML模板：

Clear

组件代码：

export class AppComponent {
  inputValue: string = '';

  onInputChange(newValue: string) {
    console.log('Input value changed:', newValue);
  }

  clearInput() {
    this.inputValue = '';
  }
}

在上面的示例中，我们在输入框上使用了ngModel指令来双向绑定inputValue属性。当输入框的值发生变化时，ngModelChange事件会触发onInputChange()方法，您可以在该方法中处理输入值的变化。而清除按钮点击时，clearInput()方法会将inputValue属性重置为空字符串，从而清除输入框的内容。

请注意，为了使用ngModel，您需要在Angular模块中导入FormsModule，并将其添加到imports数组中：

import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';

@NgModule({
  imports: [
    FormsModule
  ],
  // ...
})
export class AppModule { }

这样，您就可以在Angular中使用ngModel和ngModelChange来实现输入框的值变化和清除操作了。