无法检查(单击)另一个单选按钮上的单选按钮:Angular Reactive Form

时间:2019-07-19 07:02:02

标签: javascript angular radio-button angular-reactive-forms

我希望在用户单击另一个组中的单选按钮时更改单选按钮的选中状态。

当用户单击一个单选按钮时,我正在尝试单击事件。 我正在检查该值并在另一组中更改单选按钮的值。

我为此添加了stackblitz problem-statement链接。请让我知道我在做什么错。

但是我无法实现

请帮助。

2 个答案:

答案 0 :(得分:0)

要更改控制器中的值,必须使用controller.setValue()。

this.form.controls.frequency.setValue('freq6');

您的changeFrequency函数应该像

changeFrequency(event){
    if(event.target.value === "dash2"){
      this.form.controls.frequency.setValue('freq6');
    }
  }

Demo

答案 1 :(得分:0)

// Getter for form value
this.form.controls.frequency.value = 'freq6'; // Wrong, not working
const value = this.form.controls.frequency.value; // Correct, only for read value

此语法仅用于获取值,不适用于set。

要设置值,请使用setter .setValue()

您的情况:this.form.controls.frequency.setValue('freq6');

您可以在文档中阅读有关它的更多信息。 "is" operator behaves unexpectedly with integers