title: Material mat-radio-button name attribute for simple form POST
body: <p>I am working on some simple form converting it from bootstrap to Material.</p>
  
  <p>Altough I am working with Angular 6, the form is posted old-style on submit (without any use of angular forms)</p>
  
  <pre><code>&lt;form method="post" action="http://api.example.com/submit" id="user_form"&gt;
  
     &lt;mat-form-field&gt;
        &lt;input matInput placeholder="name" name="username"&gt;
     &lt;/mat-form-field&gt;
  
  
     &lt;mat-radio-group required&gt;
        &lt;mat-radio-button name="company" value="company1"&gt;company 1&lt;/mat-radio-button&gt;
        &lt;mat-radio-button name="company" value="company2"&gt;company 2&lt;/mat-radio-button&gt;
     &lt;/mat-radio-group&gt;
  
     &lt;button type="submit"&gt;submit&lt;/button&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p>For simplicity, I'd like to keep it this way, and I don't want to use any javascript to submit this form (no template-driven form OR reactive form).</p>
  
  <p>The input is working great with adding name attribute to the imput and when I POST the form (click on the submit button) it sent to server as expected.</p>
  
  <p>as for the mat-radio, this data isn't sent to server in the post data. I guess that the former is native input where mat-radio-button is a component.</p>
  
  <p>Is there is a way to make this work? (again, without handling the form POST on the TS side)</p>