如何将单选按钮值作为数字获取

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"，它允许将任何类型作为值传递，包括对象等。

见：angular doc binding syntax

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

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