jquery - jQuery 模板中的条件运算符

Question

新的 jQuery 模板插件是否支持条件(三元)运算符？要根据条件打印简单值，{{if}}/{{else}} 是唯一的选择吗？

我对类似于 <?=($reviewed ? 'ham' : 'spam')?> 的内容感兴趣

Answer 1

是的，您可以在 ${} 中放置任意函数和表达式。模板标签:

Evaluates the specified field (property) on the current data item, or the specified JavaScript function or expression.

${reviewed ? 'ham' : 'spam'}

所以，你可以编写这样的模板:

<script id="movieTemplate" type="text/x-jquery-tmpl">
    <!-- Ternary operator to assign a class -->
    <li class="${Year >= 1990 ? 'orange' : 'yellow'}">
        Title: ${Name}.
        {{each Languages}}
            ${$index + 1}: <em>${$value}. </em>
        {{/each}}
    </li>
</script>

给定像这样的 JavaScript 和 JSON 数据:

var movies = [
{
    Name: "Meet Joe Black",
    Languages: ["French"],
    Year: 1990
}, 
{
    Name: "The Mighty",
    Languages: [],
    Year: 1985
}, 
{
    Name: "City Hunter",
    Languages: ["Mandarin", "Cantonese"],
    Year: 1994
}];

$("#movieTemplate").tmpl(movies).appendTo("#movieList");

这将“橙色”类别应用于年份大于或等于 1990 年的电影，将“黄色”类别应用于年份小于 1990 年的电影。

此处的工作示例:http://jsfiddle.net/andrewwhitaker/dY43s/