I have three radio buttons. I want to use them in Angular Reactive Forms. I am unable to trigger change event in case of default selection of any radio button. I want to default select Male radio button but change event on default selection does not fire. Please help me to figure out what wrong I am doing here.

I have tried to put the behaviour in stackbiz. Here is the link

<https://stackblitz.com/edit/angular-radio-buttons-demo-reactive-forms-kqy3vi?file=src/app/app.component.html>

My component code

```
import { Component, OnInit } from '@angular/core';
import { FormBuilder, Validators } from "@angular/forms";
  export interface Gender {
    id: number;
    value: string;
  }

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent{
 public genders: Array<Gender> = [
      {'id': 1, 'value': 'Male'},
      {'id': 2, 'value': 'FeMale'},
      {'id': 3, 'value': 'Not Specified'}
    ];
  constructor(public fb: FormBuilder) { }

  /*########### Form ###########*/
  registrationForm = this.fb.group({
    gender: ['', [Validators.required]]
  })
  // Getter method to access form control
  get myForm() {
    return this.registrationForm.get('gender');
  }
changeFired(e: any) {
  console.log('change fired before', e.value);
}

  // Submit Registration Form
  onSubmit() {
console.log(JSON.stringify(this.registrationForm.value));
  }  

}

```

My Html

```
<div class="container">
        <form [formGroup]="registrationForm" (ngSubmit)="onSubmit()">
                <!-- Gender -->
                <div>
                    <h5>Gender</h5>
                    <div>

                        <div *ngFor="let g of genders; let i = index">
                            <input id="i" type="radio" [value]="g" name="gender" formControlName="gender" (change)="changeFired(g)">
              <label>{{g.value}}</label>
            </div>
          </div>
        </div>

          <!-- Submit Button -->
          <button type="submit" class="btn btn-danger btn-lg btn-block">Submit</button>

      </form><!-- Form ends -->
</div>

```