0

我有一个具有 2 个属性的简单网站：一个单选按钮组（带有 2 个单选按钮）和一个输入字段（文本字段）

我要做的是一旦用户提交表单，应保存所选单选按钮的布尔值和输入字段的值。对于输入字段，这没有任何问题，但由于某种原因，单选按钮的值被遗漏了并且没有出现在任何地方。这是我到目前为止得到的：

<mat-radio-group label="Select an option" formControlName="membership" #membership>
   <mat-radio-button [value]=true color="primary">Yes</mat-radio-button>
   <br>
   <mat-radio-button [value]=false color="primary">No</mat-radio-button>
</mat-radio-group>

提交按钮：

<button mat-button type="submit" (click)="addWish(membership.value, wish.value)">Submit</button>

表单生成器如下：

this.createForm = this.fb.group({
      membership: [[false], Validators.required],
      wish: ''
    });

有谁知道为什么membership在提交时忽略了该值？提前致谢！

4

1 回答 1

3

添加ngModel怎么样：

<mat-radio-group label="Select an option" name="membership" [(ngModel)]="membership">
                <mat-radio-button [value]=true color="primary">Yes</mat-radio-button>
                <br>
                <mat-radio-button [value]=false color="primary">No</mat-radio-button>
             </mat-radio-group>
             <button mat-button type="submit" (click)="addWish(membership)">Submit</button>

在 .ts 中：

addWish(item){
  console.log(item);
}
于 2020-05-06T03:20:18.290 回答