title: Translate pipe fails within aria-label in Angular Material Design
body: <p>Maybe a trivial question but I've not been able to find any answer googling around.</p>
  
  <p>In my Angular 5 app I've HTML like this:</p>
  
  <pre><code>&lt;button mat-raised-button color="accent" class="submit-button" aria-label="{{'REGISTER.CREATE' | translate}}"
          [disabled]="registerForm.invalid"&gt;
      {{'REGISTER.CREATE' | translate}}
  &lt;/button&gt;
  </code></pre>
  
  <p>which produces the following error:</p>
  
  <pre><code>Error: Uncaught (in promise): Error: Template parse errors:
  Can't bind to 'aria-label' since it isn't a known property of 'button'. ("             &lt;/div&gt;
  
                  &lt;button mat-raised-button color="accent" class="submit-button" [ERROR -&gt;]aria-label="{{'REGISTER.CREATE' | translate}}"
                          [disabled]="registerForm.inval"): ng:///Register2Module/FuseRegister2Component.html@76:79
  syntaxError
  </code></pre>
  
  <p>But if I write:</p>
  
  <pre><code>&lt;button mat-raised-button color="accent" class="submit-button" aria-label="SOME DIRECT TEXT"
          [disabled]="registerForm.invalid"&gt;
      {{'REGISTER.CREATE' | translate}}
  &lt;/button&gt;
  </code></pre>
  
  <p>I have no error at all.</p>
  
  <p>This is beyond my understanding. Is this a problem with angular's implementations of Google's MAT or am I missing something?</p>
  
  <p>Thank you in advance</p>