KnockoutJS强制计算Observable重新计算

Question

我是KnockoutJS的新手，并认为它是迄今为止一款出色的工具:)！不过，我有一个关于计算可观测量的问题，如下所示。在KnockoutJS页面http://knockoutjs.com/documentation/computedObservables.html处，有一个格式化价格的示例代码。代码如下。

HTML 
<p>Enter bid price: <input data-bind="value: formattedPrice"/></p> 

而且JS：

JS 
function MyViewModel() { 
    this.price = ko.observable(25.99); 
  
    this.formattedPrice = ko.computed({ 
        read: function() { 
            return '$' + this.price().toFixed(2); 
        }, 
        write: function (value) { 
            // Strip out unwanted characters, parse as float, then write the raw data back to the underlying "price" observable 
            value = parseFloat(value.replace(/[^\.\d]/g, "")); 
            this.price(isNaN(value) ? 0 : value); // Write to underlying storage 
        }, 
        owner: this 
    }); 
} 
  
ko.applyBindings(new MyViewModel()); 

我也复制代码，并在这里放的jsfiddle：http://jsfiddle.net/wDvxw/

我的问题是，该值不更新自己，当你进入同样的事情两次。例如：

第1步：输入25.1234，它变为$ 25.12 第2步：再次输入25.1234。现在没有反应。

我的猜测是该值没有改变，因此它没有重新格式化。我可以知道如何解决这个问题吗？

谢谢！

Answer 1

这是Knockout中的一个优化，如果将observable设置为相同的值，它不会触发已更改的事件。

所以，如果你想一直火变化事件中，你需要使用valueHasMutated方法manully触发它：

this.price(isNaN(value) ? 0 : value); // Write to underlying storage 
this.price.valueHasMutated(); 

它本身不会解决你的代码，因为没有引入ko.computed另一个优化在KO 3.0这样计算，如果计算出的值保持不变，也不会触发的变化，你需要使用.extend({notify: 'always'})to force the notification of the subscribers.

所以计算出的完整的工作将是这样的：

this.formattedPrice = ko.computed({ 
   read: function() { 
      return '$' + this.price().toFixed(2); 
   }, 
   write: function (value) { 
   value = parseFloat(value.replace(/[^\.\d]/g, "")); 
     this.price(isNaN(value) ? 0 : value); // Write to underlying storage 
     this.price.valueHasMutated(); 
    }, 
    owner: this 
}).extend({notify: 'always'}); 

演示JSFiddle。