Knockout JS: verifica dell'esistenza di un osservabile in un binding IF

Question

Sto riproducendo un blocco HTML simile per diversi oggetti leggermente diversi. Sono uguali al 90%, ma ognuno ha alcune peculiarità che richiedono osservabili aggiuntivi. Vorrei rendere ognuno di questi oggetti per lo più simili in un blocco di modello, ma sto incontrando problemi con oggetti non definiti.

Fondamentalmente, voglio verificare l'esistenza di un oggetto osservabile prima di renderlo nel modello.

che sto cercando di fare qualcosa di simile:

<div data-bind="foreach: blocks"> 
<h2 data-bind="text: normalHeader"><h2> 
<p data-bind="text: normalText"></p> 
<!-- ko if: specialText --><p data-bind="text: specialText"></p><!-- /ko --> 
</div> 

Quindi, se specialText non esiste (e non solo non ha alcun valore, ma non esiste affatto) per quella iterazione del blocks, ignorare il condizionale. L'errore che sto ricevendo è:

Uncaught Error: Unable to parse bindings. 
Message: ReferenceError: specialText is not defined; 

Da quello che ho capito di Knockout di "se" vincolante, dovrebbe funzionare se l'oggetto restituisce alcun tipo di valore falso-come, come null o undefined, il che significa che il se l'associazione dovesse fallire con grazia, cosa che sicuramente non è.

C'è un modo per farlo funzionare?

Answer 1

È possibile utilizzare il seguente approccio:

<!-- ko foreach: Items --> 
    <strong data-bind="text: Foo"></strong> 
    <br /> 
    <!-- ko if: $data.hasOwnProperty("Bar") --> 
     <p data-bind="text: Bar"></p> 
    <!-- /ko --> 
<!-- /ko -->​ 

ho postato un working demo

Answer 2

provare questo:

<!-- ko if: specialText != null --> 

ko lo riconoscerà come un'espressione piuttosto che un valore e quindi dovrebbe lavoro come si vuole :)

Answer 3

<!-- ko if: typeof specialText != 'undefined' -->

Sulla base di soluzione di Oybek, si potrebbe anche fare:

<!-- ko foreach: Items --> 
    <strong data-bind="text: Foo"></strong> 
    <br /> 
    <!-- ko if: "Bar" in $data --> 
     <p data-bind="text: Bar"></p> 
    <!-- /ko --> 
<!-- /ko -->​ 

Esempio: http://jsfiddle.net/MecNx/56/

Answer 4

Puoi farlo accedendo attraverso indicizzatore dell'oggetto:

<!-- ko foreach: Items --> 
 
    <strong data-bind="text: Foo"></strong> 
 
    <br /> 
 
    <!-- ko if: $data["Bar"] --> 
 
     <p data-bind="text: Bar"></p> 
 
    <!-- /ko --> 
 
<!-- /ko -->