数据绑定上的条件 "With" 绑定

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

您可以使用评论标签：

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

Answer 2

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

您可以像这样有条件地将 observable 绑定到 with 绑定。

查看此 fiddle 以获得演示。

数据绑定上的条件 "With" 绑定

Conditional "With" binding on data-bind

html

data-binding

knockout.js

knockout-3.0