javascript - jQuery模板中的if语句

Question

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

<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>

我可以在不使用 double if 语句的情况下以某种方式使其在 Chrome 中工作吗？为什么它会返回错误？

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 语句后面的空格。