title: Bind incoming integer value to mat-radio-button value in formgroup
body: <p>I am loading integer type values from a db to populate a formgroup's radio buttons. The radio-group only reads values if I convert the incoming integers to strings. How can make the mat-radio-group accept integer values?</p>
  
  <p>I have tried changing <code>value="1"</code> to <code>[value]="1"</code> but that had no effect. The only reference to this I could find was an issue on the material2 github page <a href="https://github.com/angular/material2/issues/10317" rel="nofollow noreferrer">here</a></p>
  
  <p>HTML</p>
  
  <pre class="lang-html prettyprint-override"><code> &lt;form class="mb-4" [formGroup]="wifiForm"&gt;
          &lt;label id="wifi_available"&gt;Is working WiFi present on the property?&lt;/label&gt;
          &lt;mat-radio-group
            aria-labelledby="wifi_available"
            class="list-radio-group w-100 mb-4 mt-2"
            formControlName="wifi_available"
            name="wifi_available"
            fxLayout="column"
            required
          &gt;
            &lt;mat-radio-button class="list-radio-button" color="primary" [value]="1"&gt;Yes&lt;/mat-radio-button&gt;
            &lt;mat-radio-button class="list-radio-button" color="primary" [value]="2"&gt;No&lt;/mat-radio-button&gt;
            &lt;mat-error *ngIf="wifiForm.controls.wifi_available.hasError('required').required &amp;&amp; wifiForm.controls.wifi_available.touched" class="error"
              &gt;Required field&lt;/mat-error
            &gt;
          &lt;/mat-radio-group&gt;
  ...rest of form... 
  &lt;/form&gt;
  </code></pre>
  
  <p>Component</p>
  
  <pre class="lang-js prettyprint-override"><code>ngOnInit() {
      this.wifiForm = this.fb.group({
        wifi_available: ['', Validators.required],
        wifi_deadspots: ['', Validators.required],
        wifi_notes: [''],
      });
      this.orderId = this.route.snapshot.paramMap.get('id');
      this.wifiData = this.route.snapshot.data['order_data']; &lt;== WHERE DATA IS BROUGHT IN
      this.wifiForm.patchValue(this.wifiData); &lt;== WHERE DATA IS PATCHED
    }
  </code></pre>
  
  <p>Values coming in from db [example]
  {
  wifi_available: 1,
  wifi_deadspots: 1,
  wifi_notes: 'Lorem bacon...'
  }</p>
  
  <p>I am expecting the mat-radio-buttons to be checked accordingly (if 1, then "Yes" checked). If I changed the db field type to VARCHAR the radio-buttons are checked as expected. If the db fields are INT (as they should be) then no radio-buttons are checked.</p>