title: How to set radio button value using Reactive form?
body: <p>Here is my component class where I try to set a form radio button value to 1:</p>
  
  <pre><code>import { FormGroup, FormControl } from '@angular/forms';
  
  export class myComponent implements OnInit{
      pageForm: FormGroup;
  
      ngOnInit() {
          this.pageForm = new FormGroup({
              'gndr': new FormControl(1)
          });
      }
  }
  </code></pre>
  
  <p>but when the page loaded the Radio button is not set to Male and both options are blank:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;label for="gender"&gt;Gender&lt;/label&gt;
      &lt;div class="radio"&gt;
          &lt;label&gt;
              &lt;input type="radio" name="gndr" formControlName="gndr" value=1&gt;Male
          &lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="radio"&gt;
          &lt;label&gt;
              &lt;input type="radio" name="gndr" formControlName="gndr" value=0&gt;Female
          &lt;/label&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>so how can I load radio button value from my component class?</p>