简单绑定

首先，定义一个视图模型
复制代码代码如下所示：
无功appviewmodel = { {
shouldshowmessage：ko.observable（真正的）当div初始化 / / /可见
}；

appviewmodel.shouldshowmessage = ko.observable（假）； / / /现在乐隐藏
Ko.applyBindings（appviewmodel）；


基因敲除是由ko.applybindins。
然后定义UI接口元素。
复制代码代码如下所示：

你会看到这条消息，只有当shouldshowmessage拥有真正的价值。


运行后，这个div仍然显示当它被初始化，然后重新分配到错误，导致div隐藏。
参数:
当参数设置为false值（例如，布尔false，数值0，或无效或未定义），将集结合的元素没有style.display值和隐藏元素。它有一个更高的优先级比任何显示风格，你在CSS的定义。
当参数设置为true值（例如，布尔值true或对象或非空非空数组）的结合，将删除该元素的style.display值使元素可见。然后显示风格自定义的CSS将自动生效。
如果参数是可观察到的监视器属性，则元素的可见状态将根据参数值的变化而改变。如果没有，元素的可见状态将只设置一次，以后不会更新。
使用函数或表达式控制元素的可见性。
您也可以使用Javaｓｃｒｉｐｔ函数或表达式作为参数，这样，函数或表达式的结果将决定元素是否显示为隐藏：
复制代码代码如下所示：

无功appviewmodel = { {
shouldshowmessage：ko.observable（真的），当div初始化 / / /可见
myvalues：ko.observablearray（{ }）
}；

appviewmodel.shouldshowmessage = ko.observable（假）； / / /现在乐隐藏
AppViewModel.myValues.push（价值）； / / /加在myvalues阵入口
Ko.applyBindings（appviewmodel）；


一个myvalues属性值添加到视图模型
添加一个项目同时myvalues阵列
元素被绑定到页面用户界面。
复制代码代码如下所示：
0 >
你会看到这个消息只when'myvalues'has至少一


这样，当有价值的元素被添加，myvalues（）。长> 0结果真实
然后将显示此div。