How do I remove asterisk from required field in Angular Material and add (optional) beside label for optional labels
<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>