binding - 使用淘汰赛绑定到 css 变换比例

Question

我正在尝试<div>通过使用 Knockout 绑定到滑块值来缩放带有子元素的 a。除了实际的变换外，一切正常：

<div id="scaleTest" data-bind="style:{msTransform: 'scale(' + scaleValue + ')'}">
  <div data-bind="text: scaleValue">
</div>

内部的文本<div>随着ko.observable scaleValue跟踪滑块值的变化而变化，但变换不会缩放<div>.

只需使用：

data-bind="style:{msTransform: 'scale(' + 2 + ')'}" 

工作正常。

有任何想法吗？

Answer 1

尝试将括号添加到scaleValue：

<div id="scaleTest" data-bind="style:{msTransform: 'scale(' + scaleValue() + ')'}">