在 formGroup 内部时,应该使用 formControlName 代替 HostListener 来绑定事件。以下是一个示例:
HTML 代码:
组件代码:
import { Component } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';
@Component({
selector: 'app-my-form',
template: `
`
})
export class MyFormComponent {
myForm = new FormGroup({
myInput: new FormControl('')
});
constructor() {
this.myForm.get('myInput').valueChanges.subscribe((value) => {
// 进行操作
console.log('My input value:', value);
});
}
}
在这个示例中,我们通过 valueChanges 订阅表单控件 myInput 的值变化。这就是应该在 formGroup 内部使用的正确方法。