Revision history [back]

There is no specific Angular Type script NG Zorro event for radio buttons. However, you can use the "ngModelChange" event to detect changes in the radio button selection. Here is an example:

HTML code:

<radio-group [(ngModel)]="selectedValue" (ngModelChange)="radioChanged($event)">
  <radio *ngFor="let option of options" [value]="option.value">{{ option.label }}</radio>
</radio-group>

TypeScript code:

selectedValue: any;
options = [
  { value: 'option1', label: 'Option 1' },
  { value: 'option2', label: 'Option 2' },
  { value: 'option3', label: 'Option 3' },
];

radioChanged(event) {
  console.log('Radio button selection changed', event);
}

In this example, the "ngModel" directive is used to bind the selected radio button value to the "selectedValue" variable. The "ngModelChange" event is then used to call the "radioChanged" method whenever the selection is changed. Inside the "radioChanged" method, you can perform any desired actions based on the new selection.