Knockout.js 互动版

Visible

visible绑定到DOM元素上,使得该元素的hiddenvisible状态取决于绑定的值。如下实例:

<div data-bind="visible: shouldShowMessage">
  You will see this message only when "shouldShowMessage" holds a true value.
</div>
var viewModel = {
     shouldShowMessage: ko.observable(true) // Message initially visible
};
viewModel.shouldShowMessage(false); //隐藏元素
viewModel.shouldShowMessage(true);  //显示元素
练一练visible绑定,显示元素。