javascript - 如何以 Angular 固定 radio 组

Question

这是代码:

list.component.html

<nz-radio-group formControlName="status" name="status" (change)="onChangeStatus($event)">
                      <label nz-radio nzValue="true">Passed</label>
                      <label nz-radio nzValue="false">Failed</label>
                    </nz-radio-group>

list.component.ts

onChangeStatus(event: any) {
console.log(event);
}

我在这里想要的是检测 radio 的值是 true 还是 false。但是当我尝试检查开发控制台时，它不会显示其真假。

提前致谢

Answer 1

我认为您必须更改事件名称，更改事件在这里不起作用。

将更改事件替换为 ngModelChange

(ngModelChange)="onChangeStatus($event)"

我尝试使用下面的示例

<nz-radio-group 
    [formControl]="favoriteSeason" (ngModelChange)="onChangeStatus($event)">
      <label nz-radio nzValue="A">A</label>
      <label nz-radio nzValue="B">B</label>
      <label nz-radio nzValue="C">C</label>
      <label nz-radio nzValue="D">D</label>
    </nz-radio-group>

进入 ts flie

favoriteSeason = new FormControl('A');
  onChangeStatus(ev){

    console.log(ev);
  }

希望这会起作用

谢谢