angular - 将复选框的值分配给 FormControlName (Angular)

Question

我有一个反应形式，想要取一个复选框的值（不是“真”或“假”）并将其分配给一个 formControlName（selectedSizeValueControl）。

我尝试了一些方法，但它们对我不起作用。

有人可以帮忙吗？

编码：

    <form [formGroup]="variantForm" (ngSubmit) = "submit()">
    
      <mat-checkbox value="{{selectedSizeValue}}" formControlName = "selectedSizeValueControl"  >{{selectedSizeValue}}</mat-checkbox>
     
      <mat-radio-button value="{{sale_preis.value}}"><input type="text" #sale_preis formControlName ="sale_preis"></mat-radio-button>
    
      <button >save</button>
    </form>

组件.ts

selectedSizeValues: string;

variantForm = new FormGroup({
    selectedSizeValueControl: new FormControl(),
    sale_preis: new FormControl()  });

submit(){
    console.log(this.variantForm.value);

  }

selectedSizeValueControl 只取 TRUE 或 FALSE，我希望它取 selectedSizeValue 的值（例如：字符串）

谢谢你们！

标签： angularcheckboxangular-reactive-formsformgroups

Answer 1

mat-checkbox只能处理真假，不会带字符串。将元素更改为 aninput或将类型更改为selectedSizeValues布尔值。