淘汰赛＃34;可见＆＃34;使用CSS＆＃34;可见性＆＃34;属性

Question

根据the "visible" binding documentation，如果display: none的值评估为visible，则Knockout会使用false隐藏元素。我怎样才能使用visibility: hidden呢？ visibility: hidden有一个优点（在这种情况下）仍然使元素占用页面上的空间。

Answer 1

您应该使用简单的CSS样式或类，查看官方的knockout.js css binding或knockout.js style binding文档。

样式绑定示例：

<div data-bind="style: { visibility: isVisible()  ? 'visible' : 'hidden' }">
    Profit Information
</div>

<script type="text/javascript">
    var viewModel = {
        isVisible: ko.observable(true) // visible
    };
    viewModel.isVisible(false); // hidden
</script>