有條件的「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 -->