title: How do I remove asterisk from required field in Angular Material and add (optional) beside label for optional labels
body: <p>I am using angular 2 material design for form fields. So with that every required fields appear with asterisk which i don't want.Also, for non-required fields, i want an optional text to be appear in brackets next to the label.</p>
  
  <p>I am using something like below to achieve it but that's not working.</p>
  
  <p>My code-</p>
  
  <pre><code>&lt;md-input required md-no-asterisk id="" placeholder="First Name" [(ngModel)]="" ngControl="txtFirstName" #firstName="ngModel"&gt;&lt;/md-input&gt;
  </code></pre>
  
  <p>When I am removing md-input starting and end tag and just using input tag then the asterisk goes away but some default text called appears as a value of the field.</p>
  
  <p>I want to use required and optional fields as a label.</p>
  
  <p>Any help would be much appreciated.</p>