使用从Angular中的ngStyle中的API获取的值

时间:2018-04-26 14:56:13

标签: angular

我搜索了它,但我无法找到解决方案,所以我把它放在这里。

我想要什么?

=>我想将特定宽度(从API调用中获取)应用于特定的 div

我在做什么:

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

我认为问题出在'apiData?.widthPercent%',但我不确定如何使其发挥作用。

1 个答案:

答案 0 :(得分:1)

您的else - 案例目前只是一个字符串。您要使用的是由%附加的变量。

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