2016-04-13 21 views
1

私はノックアウトを初めて使いました。現在、私は奇妙な問題に遭遇しました。すべての出てくる場合とIFNOT文のページ、コンテンツを起動すると(それは間違っている必要がありますノックアウトif-elseバインドが正しく機能しない

function SettingData(){ 
    var self = this; 
    self.editing = ko.observable(false); 

self.Edit = function() { 
    self.editing(true); 
}; 

self.Save = function() { 
    self.editing(false); 
} 
} 

:ViewModelにで

<table> 
<thead> 
    something...... 
</thead> 
<tbody> 
<tr> 
Problem comes here... 
<!-- ko ifnot: editing --> 
    <td><span data-bind="text: Value" /></td> 
    <td><button data-bind="click: Edit">Edit</button></td> 
<!-- /ko --> 
<!-- ko if: editing --> 
    <td><input data-bind="value: Value"></td> 
    <td><button data-bind="click: Save">Save</button></td> 
<!-- /ko --> 
</tr> 
</tbody> 
</table> 

:私は何をしたいことはko if-else bindを使用することで、以下のコードを参照してください。 )。 "編集"をクリックすると、if文の内容だけが表示され、ifnot文の内容が消えてしまいますが、「保存」をクリックすると、if文とifnot文がすべて表示されます。

私のコードのどの部分が間違っているのかわかりません、誰も私に手を差し伸べることができますか?ありがとう。

+1

これは、必要に応じてここで動作します。http://jsfiddle.net/GSvnh/5139/ –

答えて

2

viewmodelに値observableを追加する必要があります。関数に以下の行を追加してください。SettingData()

self.Value = ko.observable(""); 
関連する問題