typescript Angular 表单控件值更改不起作用([formControl].valueChanges)不起作用

23c0lvtd  于 2023-02-20  发布在  TypeScript
关注(0)|答案(1)|浏览(224)

[表单控件]. value更改无效
. html格式

<span>Test</span>
<input type="number" [formControl]="testForm">

. ts

testData: EventEmitter<any> =  new EventEmitter<any>();
testForm: FromControl;

constructor() {
  this.testForm = new FormControl();
}
    
this.testForm.valueChanges.subscribe(() => {
  const data: any = {
    value: this.testForm.value
  }
  this.testData.emit(data);
});

当输入发生变化时,我试图发出值,看起来好像有什么地方出错了,testForm.valueChanges不起作用,是否需要对此进行更改?

dbf7pr2w

dbf7pr2w1#

尝试将订阅移动到构造函数中-示例如下。

testForm = new FormControl('');

constructor() {
    this.testForm.valueChanges.subscribe(value => {
        console.log(value);
    });
};

相关问题