Использование значения, полученного из API в ngStyle в Angular

Question

Я искал его, но не смог найти решение, поэтому я помещаю его сюда.

Что я хочу?

=> Я хочу применить определенную ширину (извлеченную из вызова API) к конкретному div .

Что я делаю:

<div [ngStyle]="{'width': apiData?.widthPercent === null ? '0%' : 'apiData?.widthPercent%'}"></div>

Я думаю, что проблема в 'apiData? .WidthPercent%' , но я не уверен, как заставить его работать.

Answer 1

Ваш else-case в настоящее время является просто строкой. То, что вы хотите использовать, - это переменная, к которой добавляется %.

<div [ngStyle]="{'width': apiData?.widthPercent === null ? '0%' : apiData?.widthPercent + '%'}"></div>