你如何增加knockout.js的可觀察性？

Question

我這一發現一個奇怪的地方是在一個小的損失，但如果我不能」做這樣的：

koObserv(koObserv() + 1); 

，而不是提供了一種方法，我是被迫做：

koObserv = ko.observable(koObserv() + 1) 

這看起來真的很笨拙..有沒有另一種方法，我錯過了？

Answer 1

下面是一個說明遞增小提琴：

http://jsfiddle.net/jearles/LbPDK/

正如你可以看到self.num(self.num() + 1);確實工作。

Answer 2

我建議你，如果你使用大量的增量，創建一些幫助函數來做增量並將其傳遞給可觀測值的引用。你最終得到更可讀的代碼。

JS：

var increment = function (observable) { 
    observable(observable() + 1); 
}; 

var MyViewModel = function() { 
    this.num1 = ko.observable(0); 

    this.incrementNum = function (observable) { 
     // passing the observable by reference to the helper function 
     increment(observable); 
    } 
} 

HTML：

<button data-bind="click: incrementNum.bind($root, num1)"> 

JSFiddle example

Answer 3

你可以抽象這些邏輯爲延長觀察的

ko.observable.fn.increment = function (value) { 
    this(this() + (value || 1)); 
}; 

var counter = ko.observable(0); 
console.log(counter()); // 0 

counter.increment(); 
console.log(counter()); // 1 

counter.increment(); 
console.log(counter()); // 2 

counter.increment(5); 
console.log(counter()); // 7