xxxxxxxxxx
import { Component } from '@angular/core';
@Component({
selector: 'app-radio-button',
template: `
<div>
<input type="radio" name="option" value="option1" [(ngModel)]="selectedOption"> Option 1
<input type="radio" name="option" value="option2" [(ngModel)]="selectedOption"> Option 2
<input type="radio" name="option" value="option3" [(ngModel)]="selectedOption"> Option 3
</div>
<p>You have selected: {{ selectedOption }}</p>
`
})
export class RadioButtonComponent {
selectedOption: string;
}
xxxxxxxxxx
<mat-radio-group>
<mat-radio-button value="option1">Option 1</mat-radio-button>
<mat-radio-button value="option2">Option 2</mat-radio-button>
<mat-radio-button value="option3">Option 3</mat-radio-button>
</mat-radio-group>