ノックアウト置き換え - ネイティブバインディングディレクティブをオンザフライで

Question

私はバインディングを適用する前に以下を変更する必要がある、ちょっと変わった使用例があります。

<!-- ko foreach: model.dogs--> 
html 
<!-- /ko --> 

HTML

にこれは私がこれまで持っているものですが、私は、DOM

var commented = $el.contents().filter(function(){ 
return this.nodeType == 8; 
}) 
commented.each(function(i, item){ 
//replace text 
//item.replace("dogs", "dogs2"); 
}) 

感謝任意のポインタにコメント要素を更新するかどうかはわかりません。

Answer 1

ノードのノードを取得してnodeValueを設定します。すべてのブラウザでサポートされている

item.nodeValue = item.nodeValue.replace('dogs', 'dogs2'); 

：http://www.quirksmode.org/dom/w3c_core.html

Answer 2

DOMを混乱させないでください。低レベルのDOM APIでコメントを変更しても、高レベルのビューは魔法のように更新されません。このような状況を処理する適切なViewModelを作成するだけです。

dogs1 = ko.observableArray([1,2,3]); 
dogs2 = ko.observableArray([4,5,6]); 

viewModel.dogGroup = ko.observable("dogs1"); 
viewModel.displayedDogs = ko.computed(function() { 
    return (viewModel.tab() == "dogs1" ? dogs1() : dogs2()); 
    });