javascript - Knockout.js if 语句 bool 测试

Question

我有一个 observable，它可以有 false(默认值)或一个对象作为值。以下代码块根据 observable 的值排列 html 结构

      <!-- ko: if peer() -->
        <div id="chatbox" >
            <div id="textbox">Should be invisible</div>
        </div>
        <!-- /ko -->
        <!-- ko: ifnot peer()  -->
        <div id="banner" >Should be visible</div>
        <!-- /ko -->

并且可观察对象定义为

   function T(){
      this.peer = ko.observable(false);
   };
   ko.applyBindings(new T());

“应该可见”和“应该不可见”都显示在页面上。我也试过在 if 条件下不带“()”，但结果还是一样。请看http://jsfiddle.net/zSKhN/

我做错了什么？

Answer 1

你刚刚把冒号放错了。 ko: if 应该是 ko if: 等等，标记应该是这样的:

<!-- ko if: peer() -->
<div id="chatbox" >
  <div id="textbox">Should be invisible</div>
</div>
<!-- /ko -->
<!-- ko ifnot: peer()  -->
<div id="banner" >Should be visible</div>
<!-- /ko -->

这是您示例的更新后的 jsfiddle:http://jsfiddle.net/zSKhN/