簡單的綁定

首先還是先定義一個ViewModel

復(fù)制代碼 代碼如下:

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

    AppViewModel.shouldShowMessage = ko.observable(false);   ///現(xiàn)在hidden勒
    ko.applyBindings( AppViewModel);

復(fù)制代碼 代碼如下:

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

復(fù)制代碼 代碼如下:

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

    AppViewModel.shouldShowMessage = ko.observable(false);   ///現(xiàn)在hidden勒
    AppViewModel.myValues.push("some value");                   ///向myValues數(shù)組中 添加一個項
    ko.applyBindings( AppViewModel);
</script>

復(fù)制代碼 代碼如下:

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