ノックアウト見え結合機能していない

Question

、私は非常に単純なビューモデル持っている：

<a href="#" data-bind="click: toggleVisibility">Toggle</a> 
<br /> 
<table> 
    <tr data-bind="visible: showRow">Some Text</tr> 
</table> 

私の問題があり、リンクがクリックされたことを、警告：同じように簡単なマークアップで

var ViewModel = function() { 
    this.showRow = ko.observable(false); 
    this.toggleVisibility = function() { 
     if(this.showRow == true){ 
      this.showRow = false; 
     } 
     else{ 
      this.showRow = true; 
     } 
     alert('showRow is now '+this.showRow); //only here for testing 
    }; 
}; 

を（正確な値を表示する - 真/偽）

しかし、tr要素の目に見えるバインディングは、最初に（行が見えないようにする）、またはshowRowの値がトグルします。

あなたは次のようにあなたのhtmlを変更する必要が上述http://jsfiddle.net/alexjamesbrown/FgVxY/3/

Answer 1

のjsFiddle：

<table> 
    <tr data-bind="visible: showRow"><td>Some Text</td></tr> 
</table> 

とJavaScriptを次のように

var ViewModel = function() { 
    var self = this; 
    self.showRow = ko.observable(false); 
    self.toggleVisibility = function() { 

     self.showRow(!self.showRow()); 
     alert('showRow is now ' + self.showRow()); 
    }; 
}; 

ko.applyBindings(new ViewModel()); 

構文観察可能なプロパティに値を設定することです：self.showRow(value);

タグの内側に表示されます。

また、私はあなたのフィドルを修正して、javascriptを簡略化し、 "これ"に関する新しいコードプラクティスに従いました。 http://jsfiddle.net/FgVxY/4/