How to concatenate a number or a compute with a string error: "Expected a number type" Angular [duplicate]

Question

In VS Code angular project I have this warning !

"Expected a number type" Angular

When I use data binding html attribute in template:

[style.font-size]="16+i+'px'"

A. Morel · Accepted Answer · 2019-07-03 21:49:13Z

0

The good way is:

[style.font-size.px]="16+i"

answered Jul 3, 2019 at 21:15

A. Morel

10.7k4 gold badges62 silver badges51 bronze badges

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

5 Comments

use literal template like ${ 16 + i }px

It doesn't work because I use data binding html attribute [style.font-size]="..."

you can use [style.font-size.px]="16+i" instead of [style.font-size]="(16+i).toString()+'px'"

@a-morel , this is a working demo , you can check it stackblitz.com/edit/angular-z3map8

@Ghoul Ahmed Indeed it's much better! Thank you