在knockoutjs中应用ko.observable的css属性？

Question

在我的淘汰视图模型中，我有一个属性，返回0到100之间的百分比。 我想将此值应用于div的css宽度。

我该怎么做？

<div ???? percentageProperty ????>&nbsp;
</div>

Answer 1

您可以使用style binding向关联的DOM元素添加或删除一个或多个样式值：

<div data-bind="style: { width: percentageProperty() + '%' }">&nbsp;

</div>

注意：如果percentageProperty()是()，您需要使用percentageProperty撰写ko.observable，当然您不需要+ '%'部分如果您的percentageProperty已包含59%等字符串。