KnockoutJSは同じコールバックアクションを持つ複数のオブザーバブルを購読します

Question

私は購読したい値が複数あるKnockoutJSのモデルクラスを持っています。各サブスクリプションはそうのように、同じタスクを実行します：

function CaseAssignmentZipCode(zipCode, userId, isNew) { 
    var self = this; 
    self.zipCode = ko.observable(zipCode); 
    self.userId = ko.observable(userId); 
    self.isNew = isNew; 
    self.isUpdated = false; 

    self.zipCode.subscribe(function() { self.isUpdated = true; }); 
    self.userId.subscribe(function() { self.isUpdated = true; }); 
} 

がサブスクライブするために、これらの二つの呼び出しを結合する方法がありますが、私は「時計」の両方の値に1つのサブスクリプションを使用することができるように？

Answer 1

計算された観測値をこの目的に使用できます。 read関数で各観測値の値にアクセスするだけで十分です。

ko.computed(function() { 
    self.zipCode(); 
    self.userId(); 
    self.isUpdated = true; 
}); 

したがって、2つの観測値に依存し、フラグを設定します。

また、「汚れた」フラグのようなものをお探しの場合は、http://www.knockmeout.net/2011/05/creating-smart-dirty-flag-in-knockoutjs.htmlのようなものが考えられます。コンセプトは、オブジェクトのko.toJS（）を呼び出す計算されたオブザーバブルを使用して、オブザーバブルのすべてをアンラップすることです。

Answer 2

ハンドラ関数の本体を複製したくないですか？それを変数に抽出します。

function CaseAssignmentZipCode(zipCode, userId, isNew) { 
    var self = this; 
    self.zipCode = ko.observable(zipCode); 
    self.userId = ko.observable(userId); 
    self.isNew = isNew; 
    self.isUpdated = false; 

    var handler = function() { self.isUpdated = true; }; 

    self.zipCode.subscribe(handler); 
    self.userId.subscribe(handler); 
} 

Answer 3

ループに追跡するために、依存関係のリストを回して、変数に関数本体をリファクタリングすると改善：

function CaseAssignmentZipCode(zipCode, userId, isNew) { 
    var self = this; 
    self.zipCode = ko.observable(zipCode); 
    self.userId = ko.observable(userId); 
    self.isNew = isNew; 
    self.isUpdated = false; 

    var handler = function() { self.isUpdated = true; }; 

    ko.utils.arrayForEach([self.zipCode, self.userId], function(obs) { 
    obs.subscribe(handler); 
    }); 
} 

Answer 4

あなたは、この目的のための拡張のいくつかの種類を作成することができます。簡単な例：

function subscribeMany(callback, observables) {  
    for (var i = 0; i < observables.length; i++) { 
     observables[i].subscribe(callback); 
    } 
} 

使用方法：以下のプラグインは考慮に値するかもしれないより精巧なソリューションをお探しの方に

var name = ko.observable(); 
var email = ko.observable(); 

var callback = function(value) { 
    console.log(value); 
}; 

subscribeMany(callback, [name, email]); 

name('test 1') 
email('test 2')