有条件的“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

<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 -->