knockoutjs學習筆記：顯示綁定

標籤：blog   ar   使用   java   on   div   log   bs   as   

從何而來

本系列摘抄自knockoutjs官方文檔，同時結合自身項目使用記錄心得。

目標

knockoutjs實現CSS顯示的綁定

例子

<div data-bind="visible: shouldShowMessage">    You will see this message only when "shouldShowMessage" holds a true value.</div> <script type="text/javascript">    var viewModel = {        shouldShowMessage: ko.observable(true) // Message initially visible    };    viewModel.shouldShowMessage(false); // ... now it‘s hidden    viewModel.shouldShowMessage(true); // ... now it‘s visible again</script>

通過方法或運算式實現

<div data-bind="visible: myValues().length > 0">    You will see this message only when ‘myValues‘ has at least one member.</div> <script type="text/javascript">    var viewModel = {        myValues: ko.observableArray([]) // Initially empty, so message hidden    };    viewModel.myValues.push("some value"); // Now visible</script>

　　

knockoutjs學習筆記：顯示綁定