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

Question

在我的 knockout View 模型中，我有一个返回从 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% 的字符串.