Empty spaces added around HTML text when using Angular interpolation

Question

Any idea why an empty space is added before text in HTML when using interpolation in Angular?

Exemple in my Angular HTML template:

<div class="info-title">
   {{ "Beds" }}
</div>

Result after ng serve:

<div _ngcontent-bej-c49="" class="info-title"> Beds </div>

You can see that some spaces are added before and after Beds.

Do you have any idea of what I could do to prevent those spaces from appearing?

This is an exemple and I'm aware that there's no need to use an interpolation here.

user3366507 · Accepted Answer · 2022-04-15 16:50:40Z

1

Remove the whitespace before and after the JavaScript.

<div class="info-title">{{ property.bedAmount > 1 ? "Beds" : "Bed" }}</div>

answered Apr 15, 2022 at 16:50

user3366507

Sign up to request clarification or add additional context in comments.

1 Answer 1