2012-02-02 17 views
21

Mam obiekt javascript obj, a wartość klucza może być true lub false.Wąsy javascript: jak radzić sobie z wartościami boolowskimi

Ta wartość jest przekazywana do szablonu wąsów.

// javascript obiekt

obj = { 
    like: true // or false 
} 

// szablon

<span> 
    {{ like }} 
</span> 

Teraz chciałbym o wynik renderowania w następujący sposób:

<span> 
    Like <!-- If {like: true} ---> 
</span> 

<span> 
    Unlike <!-- If {like: false} ---> 
</span> 

Jaki jest najlepszy sposób, aby zrobić to w szablonie wąsów?

Odpowiedz

45

To jest po prostu tak:

<span> 
    {{#like}} 
     Like <!-- If {like: true} ---> 
    {{/like}} 
    {{^like}} 
     Unlike <!-- If {like: false} ---> 
    {{/like}} 
</span> 
+0

możemy ustawić warunek jako (jak == 2) ... {{# like == 2}} –

+0

Aby zrobić coś bardziej złożonego niż "jeśli" lub "chyba że", musisz stworzyć pomocnika. Coś takiego: https://gist.github.com/doginthehat/1890659 – kcent

10

Wystarczy użyć sekcję i odwrócony sekcję:

{{#like}} 
<span> 
    Like <!-- If {like: true} ---> 
</span> 
{{/like}} 

{{^like}} 
<span> 
    Unlike <!-- If {like: false} ---> 
</span> 
{{/like}} 
+2

Lubię to odpowiedzieć dużo więcej niż zaakceptowanej odpowiedzi, ponieważ uzyskana rozpiętość może mieć swój własny klasa, która powinna się do niego stosować. Na przykład "podobieństwo" lub "niechęć" może być wyświetlane jako kciuk w górę lub kciuk w dół. – JGallardo

Powiązane problemy