Inline style interpolation not working angular9

Question

I would like to pass my component property values to inline css.

<div [ngStyle]="{ 'width': '{{ object.value }}%' }">

The method is not working and getting error:-

 Parser Error: Got interpolation ({{}}) where expression was expected

Without {{ and }} just `[ngStyle]="{ 'width': object.value + '%' }"` — Beller, Oct 06 '21 at 08:05

score 1 · Accepted Answer · answered Oct 06 '21 at 08:09

1

Your syntax is wrong. Use one of below syntax

[style.width.%]="object.value"

Or

[ngStyle]="{ 'width.%': object.value }"

answered Oct 06 '21 at 08:09

navnath

1 Answers1