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。