Mark required field's label based on assigned validator in Angular 2 form
<p>I have an Angular 2 form with lots of required fields. Those have <code>Validators.required</code> assigned. I want to add an asterisk to these fields' labels.</p>

<pre><code>&lt;form [formGroup]="form"&gt;
   &lt;div class="form-group row"&gt;
     &lt;label class="col-sm-3 col-form-label"&gt;First Name -&gt; Add asterisk here&lt;/label&gt;
     &lt;div class="col-sm-9"&gt;
       &lt;input formControlName="firstName" type="text" class="form-control"&gt;
     &lt;/div&gt;
   &lt;/div&gt;
...
</code></pre>

<p>I have googled and read the <a href="https://angular.io/docs/ts/latest/guide/forms.html" rel="nofollow noreferrer">docs</a>, but can't find an implementation for this use case. </p>

<p>I know I can add the required attribute manually and work from there, but I would prefer to avoid as this seems redundant with the validator assignment.</p>