javascript - JsRender if-else 什么都不渲染

Question

我有一个简单的模型:

var model =  [{
    content: "",
    type: "photo",
    src: "xxx"
}, {
    content: "",
    type: "quote",
    text: "blah"
}];

和一个简单的模板:

{{if type eq='photo'}}
    <img src="{{:src}}" />
    <div class="photo-caption">
        {{:caption}}
    </div>
{{else type eq='quote'}}
    <div class="quote-text">
        {{:text}}
    </div>
{{/if}}

问题是当 type 为“quote”时，模板根本不呈现任何内容。如果我将它稍微更改为两个 if 而不是 if-else，它会呈现引号，但也会呈现 div class="photo-caption">。我需要它只渲染一个或另一个。我觉得这是一个简单的语法问题，但似乎无法在 JsRender 站点上找到足够的文档来说明如何正确完成此操作。

Here's a fiddle .这两个模板应该表现得完全一样。相反，一个渲染两者，另一个只渲染图像。

Answer 1

我明白了:

{{if type == 'quote' }}
    <div>
        {{: text }}
    </div>     
{{else type == 'photo'}}   
    <div> 
        {{: src }} 
     </div>   
{{/if}}

http://jsfiddle.net/4QzZX/2/