2012-02-02 43 views
21

我有一個javascript對象obj,密鑰的值可以是truefalse小鬍子javascript:如何處理布爾值

該值傳遞給小鬍子模板。

// JavaScript對象

obj = { 
    like: true // or false 
} 

//模板

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

現在我想有這樣的渲染結果:

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

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

什麼是最好的方式使它在小鬍子模板?

回答

45

它就像這樣:

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

我們可以把條件作爲(如== 2)... {{#like == 2}} – 2014-06-12 06:29:13

+0

爲了做比「if」或「unless」更復雜的事情,您需要創建一個幫手。像這樣:https://gist.github.com/doginthehat/1890659 – kcent 2014-06-12 17:25:46

10

只需使用一節和倒置部分:

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

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

我喜歡這個回答很多比接受的答案更是因爲所產生的跨度可能有自己的相應地適用於它的類。例如,「喜歡」或「不喜歡」可能會以豎起大拇指或拇指向下的方式顯示。 – JGallardo 2014-01-20 21:34:49