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

Question

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

我该怎么做呢？

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

Answer 1

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

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

</div>

注意：您需要percentageProperty()使用()if your percentagePropertyis a编写ko.observable，当然+ '%'如果您percentageProperty已经包含类似59%.