你能添加knockoutjs样式绑定指定属性+值吗？

Question

我有关于样式绑定的问题.是否可以生成整个样式绑定文本？财产和价值部分在一起？例如:

    function ViewModel() {
    this.fontSize = ko.observable(12);

    this.fontSizeCSS = ko.computed(function() {
        return "font-size: " + " " + this.fontSize() + "px";
    }, this);

}

// Activates knockout.js
ko.applyBindings(new ViewModel());

简单的方法是这样做:

<div data-bind="style: { fontSize: fontSize()  + 'px'}">
    <p>Lorem ipsum</p>
</div>

有可能这样做(我试过,它没有用):

<div data-bind="style: { fontSizeCSS() }">
    <p>Lorem ipsum</p>
</div>

如果有,怎么样？如果没有,为什么不呢？可以对html样式元素进行文本绑定,但我想知道你是否可以做一些类似的,我提议的内容？谢谢!

Answer 1

style绑定的主要参数不是a string,而是

您应该传递一个JavaScript对象,其中属性名称对应于样式名称,并且值对应于您要应用的样式值.

所以你的fontSizeCSS计算机应该返回一个对象,而不是一个字符串,它将正常工作:

this.fontSizeCSS = ko.computed(function() {
        return {"fontSize": this.fontSize() + "px"};
}, this);

演示JSFiddle.