knockout.js - knockout js将类绑定(bind)到函数的结果

Question

我正在使用 knockout js 根据表达式的结果设置元素的类，我想知道是否可以将类设置为 View 模型中函数返回的值。

这就是我目前所拥有的并且可以工作:

<div data-bind="css: { highlightup : OneDayChange > 0 &&  SevenDayChange > 0}">
</div

我想要这样的东西:

<div data-bind="css: { bothValuesIncreasing(); }">
</div

编辑为了澄清，我希望类由函数返回的值设置，但它可能不是 bool 值，它可以是函数返回的任何字符串

Answer 1

您需要使用 computed属性。

var vm = function(){
  var self = this;
  self.OneDayChange = ko.observable();
  self.SevenDayChange = ko.observable();
  self.isBothValue = ko.computed(function(){
    return self.OneDayChange() > 0 && self.SevenDayChange() > 0;
  });
}

<div data-bind="css: { highlightup: isBothValue() }">
</div

不要害怕使用这些属性来查看特定操作。这就是创建的 View 模型。

响应更新:自定义绑定(bind)将是解决此问题的最佳选择。

其实我在KnockoutJs google groups上找到了答案

绑定(bind) - https://github.com/SteveSanderson/knockout/wiki/Bindings---class

演示 - http://jsfiddle.net/mbest/NBmjh/