How to use Angular Material radiobuttons in a html form
<p>I'm trying to use AngularJS Material as my frontend framework currently I only have a simple form with three text input fields and one radio button group.
Before i added angular material everything worked and now only the text input is submitted.</p>

<pre><code>&lt;form name="projectForm" action="../nameServlet" method="post"&gt;
    &lt;md-input-container class="md-block"&gt;
        &lt;label&gt;First Name&lt;/label&gt;
        &lt;input name="first-name" required ng-model="project.firstName"&gt;
        &lt;div ng-messages="projectFrom.firstName.$error"&gt;
            &lt;div ng-messages="required"&gt;This is required&lt;/div&gt;
        &lt;/div&gt;
    &lt;/md-input-container&gt;
    &lt;br/&gt;

    &lt;md-input-container class="md-block"&gt;
        &lt;label&gt;Last Name&lt;/label&gt;
        &lt;input name="last-name" required ng-model="project.lastName"&gt;
        &lt;div ng-messages="projectFrom.lastName.$error"&gt;
            &lt;div ng-messages="required"&gt;This is required&lt;/div&gt;
        &lt;/div&gt;
    &lt;/md-input-container&gt;
    &lt;br/&gt;

    &lt;label&gt;Gender&lt;/label&gt;
    &lt;md-input-container class="md-block"&gt;
        &lt;md-radio-group ng-model="data.group1"&gt;
            &lt;md-radio-button name="gender" value="Male"   required&gt; Male&lt;/md-radio-button&gt;&lt;br&gt;
            &lt;md-radio-button name="gender" value="Female" required&gt; Female&lt;/md-radio-button&gt;
        &lt;/md-radio-group&gt;
    &lt;/md-input-container&gt;
    &lt;br&gt;

&lt;!--    &lt;input type="radio" name="gender" value="male"   required&gt; Male  &lt;br&gt; --&gt;
&lt;!--    &lt;input type="radio" name="gender" value="female" required&gt; Female&lt;br&gt; --&gt;

    &lt;md-input-container class="md-block"&gt;
        &lt;label for="region"&gt;Region&lt;/label&gt;
        &lt;input name="region" required ng-model="project.region"&gt;
        &lt;div ng-messages="projectFrom.region.$error"&gt;
            &lt;div ng-messages="required"&gt;This is required&lt;/div&gt;
        &lt;/div&gt;
    &lt;/md-input-container&gt;
    &lt;br/&gt;

    &lt;input name="submit" type="submit" value="Submit"/&gt;
&lt;/form&gt;
</code></pre>

<p>and my app.js</p>

<pre><code>var app = angular.module('nameApp', ['ngMaterial', 'ngMessages']);

app.controller('ToolbarController', function($scope) {
    $scope.title = 'Enter your name!';
});
</code></pre>