Bedingte "With" Bindung an Datenbindung

Question

Mit Knockout JS, wie kann ich eine bedingte with Bindung an HTML anwenden?

Ich habe zwei Observables, entweder sollte man basierend auf einer Bedingung für den gleichen HTML-Code verwendet werden. Ich möchte so etwas wie dies zu tun:

wenn some-condition:

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

anderes:

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

Sie können binden eine beobachtbare Bedingung zu die with Bindung wie folgt.

Sehen Sie diese fiddle für eine Demo.

Answer 2

Sie Kommentar-Tags verwenden:

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