无法检查（单击）另一个单选按钮的单选按钮：Angular Reactive Form答案

【问题标题】：Unable to Check Radio-button on (click) of another Radio Button: Angular Reactive Form无法检查（单击）另一个单选按钮的单选按钮：Angular Reactive Form
【发布时间】：2019-11-28 03:15:09
【问题描述】：

当用户单击另一个组中的单选按钮时，我想更改单选按钮的选中状态。

当用户单击一个单选按钮时，我试图在单击事件上执行此操作。我正在检查值并更改另一组中的单选按钮值。

我已经添加了 stackblitz problem-statement 链接。请让我知道我在这里做错了什么。

但我无法做到这一点

请帮忙。

【问题讨论】：

请把相关代码贴在这里

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

【解决方案1】：

// 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

此语法仅用于获取值，不适用于设置。

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

在你的情况下：this.form.controls.frequency.setValue('freq6');

您可以在文档中阅读有关它的更多信息。 https://angular.io/guide/reactive-forms#replacing-a-form-control-value

【讨论】：

【解决方案2】：

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

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

你的 changeFrequency 函数应该是这样的

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

Demo

【讨论】：