knockout.js - if else 条件为 Knockout

Question

我是 Knockout 的新手。我有一个问题，如何将 if/else 与 Knockout 一起使用。

比如像这样

<ul class="list-group" data-bind="foreach: users">
    <li class="list-group-item" data-bind="click : setasUser">
        <i class="fa fa-circle text-success"></i> <span data-bind="text: name"></span>
    </li>
</ul>

如果 username == x 我想要一个不可点击的项目

我该怎么做？

Answer 1

不幸的是knockout没有if else。但是它确实有一个 if 绑定(bind)和一个 ifnot 绑定(bind)。​​

这是一个 fiddle 。 http://jsfiddle.net/LkqTU/35843/

<ul class="list-group" data-bind="foreach: users">
<!-- ko ifnot: username() === 'x' -->
    <li class="list-group-item" data-bind="click : $parent.setasUser">
        <i class="fa fa-circle text-success"></i> <span data-bind="text: name"></span>
    </li>
  <!-- /ko -->
  <!-- ko if: username() === 'x' -->
  <li class="list-group-item" data-bind="text: name"> </li>
   <!-- /ko -->
</ul>