In the angular template below, I have noticed that even though the labels are in titlecase, they appear in uppercase when the page is rendered. This wasn't the desired outcome so I attempted to use the titlecase pipe and enclose the label text within single quotes. However, despite my efforts, the labels still display in uppercase (refer to the attached image for clarification).
It seems like a simple issue to fix, but I'm struggling to find a solution. Does anyone have any suggestions?
<form [formGroup]="updateForm" (ngSubmit)="onSubmit(updateForm.value)">
<div>
<label for="total">
{{'Total' | titlecase}}
</label>
<input id="total" type="text" formControlName="total">
</div>
<div>
<label for="supporters">
{{'Number of supporters' | titlecase}}
</label>
<input id="supporters" type="text" formControlName="supporters">
</div>
<button class="button" type="submit">Save</button>
</form>