Knockout visible绑定使用方法

简单的绑定

首先还是先定义一个ViewModel

复制代码 代码如下:

    var AppViewModel = {
        shouldShowMessage: ko.observable(true)  ///初始化的时候div是visible的    
    };

    AppViewModel.shouldShowMessage = ko.observable(false);   ///现在hidden勒
    ko.applyBindings( AppViewModel);

复制代码 代码如下:

<div data-bind="visible:shouldShowMessage">
    You will see this message only when "shouldShowMessage" holds a true value.
</div>

复制代码 代码如下:

<script type="text/javascript">
    var AppViewModel = {
        shouldShowMessage: ko.observable(true),   ///初始化的时候div是visible的
        myValues: ko.observableArray([])        
    };

    AppViewModel.shouldShowMessage = ko.observable(false);   ///现在hidden勒
    AppViewModel.myValues.push("some value");                   ///向myValues数组中 添加一个项
    ko.applyBindings( AppViewModel);
</script>

复制代码 代码如下:

<div data-bind="visible: myValues().length > 0">   
　　You will see this message only when 'myValues' has at least one member.
</div>