title: Clearing md-radio-button selections in Angular 2 App
body: <p>I have a sorting filter set up on my Angular app, that uses radio buttons via md-radio-group so that users can choose a preferred sorting method on a table display of data. The radio buttons are working as expected. However, I also have a "Restore Defaults" button that I want to use to clear all radio-button selections and return to default sorting. So far I'm having difficulty getting the radio buttons to clear. </p>
  
  <p>This is what my view code looks like:</p>
  
  <pre><code>    &lt;filter-option name="Sort"
              placeholder="Select Sorting Option"
              [usePlaceholder]="!value"
              [visible]="sortFilters.enabled"&gt;
          &lt;filter-label&gt;{{value | capitalize}}&lt;/filter-label&gt;
          &lt;filter-menu&gt;
              &lt;md-radio-group class="mat-radio-label-content"&gt;
                  &lt;md-radio-button value="alphabetical" class="vert-radiobox-list" (click)="onSortClicked(value = 'alphabetical')"&gt;
                      Alphabetical
                  &lt;/md-radio-button&gt;
                  &lt;md-radio-button value="reverse alphabetical" class="vert-radiobox-list" (click)="onSortClicked(value = 'reverse alphabetical')"&gt;
                      Reverse Alphabetical
                  &lt;/md-radio-button&gt;
                  &lt;md-radio-button value="numeric ID" class="vert-radiobox-list" (click)="onSortClicked(value = 'numeric ID')"&gt;
                      Numeric ID
                  &lt;/md-radio-button&gt;
              &lt;/md-radio-group&gt;
              &lt;button md-button class="restore-button" (click)="clearSortingFilters()"&gt;Restore Defaults&lt;/button&gt;
          &lt;/filter-menu&gt;
      &lt;/filter-option&gt;
  </code></pre>
  
  <p>In my component I have this that initializes the filter:</p>
  
  <pre><code>sortFilters =
  {
      enabled: true,
      value: false
  };
  </code></pre>
  
  <p>And this is the function attached to the button to clear the sort filters:</p>
  
  <pre><code>clearSortingFilters()
  {
      this.sendSort.emit(this.value = '');
  }
  </code></pre>
  
  <p>Now, in the above function, <code>this.sendSort.emit(this.value = '')</code> accomplishes clearing the selection that was showing in the filter-label area. But how do I clear the md-radio-group radio button selections as well?</p>