如何获取数字形式的单选按钮值

Question

有没有办法以整数形式获取单选按钮的值？我正在提交一个表单，但我从单选按钮获得的值始终是一个字符串，我尝试了很多解决方案，但没有一个有效。

  <div class="form-check form-check-inline">
          <input class="form-check-input" formControlName="note" type="radio"  value='3' >
          <label class="form-check-label" for="inlineRadio3">Advanced</label>
        </div>

 <div class="form-check form-check-inline">
          <input class="form-check-input" formControlName="note" type="radio"  value=3 >
          <label class="form-check-label" for="inlineRadio3">Advanced</label>
        </div>

这是我提交表格时得到的信息：

为了使 Web API 正常工作，我需要这样note : 3，请帮忙。[更新]

这是我提交表格的方式：

this.Myser.AddAll(this.rateform.value.lstrates).subscribe(data => console.log(data) );

这就是我声明我的表格的方式：

this.rateform = this.fb.group({
      lstrates: this.fb.array([
        this.fb.group({
          fieldId: [''],
          memberId: [''],
          note: [''],
          fieldName:['']
        }),
      ]),
    });

但问题是，note属性必须是数字。所以我不知道如何从单选按钮将其作为整数获取，我应该创建另一个列表并将其转换为整数吗？或者有更好的方法吗？

Answer 1

在这种情况下，您需要使用[value]="3"并跳过value="3"，它允许将任何类型作为值传递，包括对象等。

请参阅：角度文档绑定语法

FormsModule如果不是，您也可以导入。

演示：https://stackblitz.com/edit/angular-ivy-ll3ckc ?file=src%2Fapp%2Fapp.component.html