Question

我有宽度，我得到像字符串。 For example : "150"。当我这样做时：

class="{{event.width}}"我得到了课堂价值，但如果我喜欢这样：style.width="width + 'px"我什么也得不到。有什么建议吗？这是问题，因为我得到它像字符串，它期望一个数字或？因为在类中我得到一个值所以存在值。我也试过[ngStyle]={'width':event.width'}，但同样的问题没有发生。我没有在html中获得价值。

Answer 1

以下示例显示了Angular中两种样式绑定方式。假设您有一个字符串类型的宽度字段

public width = "400";

以下技巧会将按钮控件的宽度设置为400px，

<button [ngStyle]="{'width.px': width }">Button 1</button>

<button [style.width]="width + 'px'">Button 2</button>

Answer 2

您可以使用ngStyle

实现此目的

<div [ngStyle]="{'width.px': event.width}">...</div>

这是一个有效的plnkr来演示这个。

或者，您可以使用

实现相同的目标

<div [style.width]="event.width + 'px'">...</div>

或

<div [ngStyle]="{width: event.width + 'px'}">...</div>

然而我相信第一个选择是最优雅的

如果value是string，如何使用style.width？

2 个答案: