1

我有 angular2 的反应形式。我有两个文本输入元素，每个元素都有自己的 valueChange 函数。在这种情况下，如果存在非空值，则禁用另一个输入，否则启用，这会触发另一个输入中的更改事件，从而生成无限循环。我该如何解决？

代码是这样的：

this.myForm.get('inputX').valueChages.subscribe(val => {
 if(val && val.trim().length > 0) {
  this.myForm.get('inputY').disable(); // this triggers a change in inputY
 } else {
  this.myForm.get('inputY').enable(); // this triggers a change in inputY
 }
})
this.myForm.get('inputY').valueChages.subscribe(val => {
 if(val && val.trim().length > 0) {
  this.myForm.get('inputX').disable(); // this triggers a change in inputX
 } else {
  this.myForm.get('inputX').enable(); // this triggers a change in inputX
 }
})

我的解决方法是在禁用或启用之前检查每个元素的状态，因此不会尝试禁用和已经禁用的元素，也不会启用已经启用的元素。有没有更清洁/更简单的方法来做到这一点？

4

1 回答 1

2

你可以试试emitEvent: false 

this.myForm.get('inputY').disable({emitEvent: false});
于 2017-03-03T08:01:42.933 回答