KnockoutJSオブジェクトのプロパティを観察するには？

Question

チェックボックスの状態を変更した後にvisibleプロパティを変更したい。

私のコード（動作しない）：

JS：

self.selectedItem = ko.observable({name:'myName', is_root: true}) 

はHTML：

<span data-bind="visible:selectedItem().is_root">element is root!</span> 
<input type="checkbox" data-bind="checked: selectedItem().is_root"> 

は私が間違って何をしているのですか？

Answer 1

オブジェクトは、観察することがあります。

var Item = function (data) { 
    var self = this; 

    self.name = ko.observable(''); 
    self.is_root = ko.observable(true); 

    if (data != null) { 
     self.name(data.name); 
     self.is_root(data.is_root); 
    } 
} 

、あなたが呼び出します。

self.selectedItem = ko.observable(new Item({name:'myName', is_root: true})); 

HTML：

<div data-bind="with: selectedItem"> 
    <span data-bind="visible: is_root">element is root!</span> 
    <input type="checkbox" data-bind="checked: is_root"> 
</div>