title: formgroup label showing in uppercase but I want it to be titlecase
body: <p>I have the following angular template. I noticed that even when the labels are in titlecase when the page is rendered the labels are converted to uppercase and I don't like it.  So I decided to use the titlecase pipe and surround the label text with single quotes. However, the labels are still in uppercase (image attached for reference)</p>
  
  <p>I guess this is something that should be straightforward but I don't know how to make it work.
  Any ideas?</p>
  
  <pre><code>&lt;form [formGroup]="updateForm" (ngSubmit)="onSubmit(updateForm.value)"&gt;
      &lt;div&gt;
          &lt;label for="total"&gt;
            {{'Total' | titlecase}}
          &lt;/label&gt;
          &lt;input id="total" type="text" formControlName="total"&gt;
        &lt;/div&gt;
  
        &lt;div&gt;
          &lt;label for="supporters"&gt;
            {{'Number of supporters' | titlecase}}
          &lt;/label&gt;
          &lt;input id="supporters" type="text" formControlName="supporters"&gt;
        &lt;/div&gt;      
      &lt;button class="button" type="submit"&gt;Save&lt;/button&gt;
  
    &lt;/form&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/qeCch.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qeCch.png" alt="enter image description here"></a></p>