jQuery模板中的if语句

Question

如果未定义变量大小，则以下代码会在Chrome中返回错误 “ Uncaught ReferenceError：未定义大小 ”：

<script type="text/x-jquery-tmpl">    
    {{if name && size}}
        <p>${name}</p>
        <p>${size}</p>
    {{/if}}
</script>

虽然这段代码可以正常工作 ：

<script type="text/x-jquery-tmpl">  
    {{if name}}
        {{if size}}
            <p>${name}</p>
            <p>${size}</p>
        {{/if}}
    {{/if}}
</script>

我可以以某种方式使其在Chrome中运行而无需使用double if语句吗？为什么它完全返回错误？

Answer 1

尝试这个：

<script type="text/x-jquery-tmpl">    
    {{if name && size != null && size}}
        <p>${name}</p>
        <p>${size}</p>
    {{/if}}
</script>

Answer 2

尝试这个

<script type="text/x-jquery-tmpl">    
    {{if (name != null && size != null)}}
        <p>${name}</p>
        <p>${size}</p>
    {{/if}}
</script>

注意if语句后的空格。