Question

使用knockout JS，如何将条件with绑定应用于HTML？

我有两个observable，根据相同html代码的条件，应该使用一个。我想做这样的事情：

如果some-condition：

<div data-bind="with: observable1">

否则：

<div data-bind="with: observable2">

      <!-- the below is common code -->             
      <label data-bind: "text: observable-property"></label>
      <!-- .... -->

</div>

Answer 1

<div data-bind="with: var1() ? var2 : var3">
  <div data-bind="text: a">
  </div>
</div>

您可以像这样有条件地将可观察对象绑定到with绑定。

有关演示，请参阅此fiddle。

Answer 2

您可以使用评论标记：

<!-- ko if: foo -->
<div data-bind="with: bar"></div>
<!-- /ko -->
<!-- ko ifnot: foo -->
<div data-bind="with: baz"></div>
<!-- /ko -->

有条件的“With”绑定数据绑定

2 个答案: