How to get the value of checked radio element-Angular event binding

you can use change event to get the selected checkbox value

  <input type="radio" value="male" name="gender" (change)="onGenderChange($event)" > Male
  <input type="radio" value="female" name="gender" (change)="onGenderChange($event)" > Female

import { Component, OnInit } from '@angular/core'; 

@Component({
  selector: 'app-test',
  template: `
  <h2> Welcome {{name}} </h2>
  <input type="radio" value="male" name="gender" (change)="onGenderChange($event)" > Male
  <input type="radio" value="female" name="gender" (change)="onGenderChange($event)" > Female
  `,
  styles: [`   `]
})
export class TestComponent implements OnInit {
  public name = "Amey Raut";  
  constructor() { }

  ngOnInit() {
  }

  onGenderChange(event){ 
    console.log(event.target.value);  
    //will display value for selected Gender eg. "male" 
  }
   
}