下面是一个使用Angular 10的示例，演示如何创建一个带有输入框的响应式表单，并在输入框值发生变化时清除类。

首先，我们需要在组件类中导入所需的Angular模块和表单相关的类：

import { Component } from '@angular/core';
import { FormControl, FormGroup } from '@angular/forms';

然后，在组件类中创建一个表单控件，并在其值发生变化时触发清除类的逻辑：

@Component({
  selector: 'app-root',
  template: `
    

      
    
  `
})
export class AppComponent {
  myForm: FormGroup;

  constructor() {
    this.myForm = new FormGroup({
      myInput: new FormControl('')
    });
  }

  clearClass() {
    // 清除类的逻辑
    console.log('Value changed, clear class');
  }
}

在上面的代码中，我们创建了一个名为myForm的FormGroup，其中包含一个名为myInput的FormControl。然后，我们将这个表单与模板中的输入框相关联，并通过使用(input)事件监听输入框的变化来调用clearClass()方法。

在clearClass()方法中，你可以编写你自己的逻辑来清除类。

请注意，上述代码中使用了Angular 10的响应式表单，因此你需要确保在项目中正确导入ReactiveFormsModule。