新的 jQuery 模板插件是否支持条件(三元)运算符?要根据条件打印简单值,{{if}}/{{else}} 是唯一的选择吗?
我对类似于 <?=($reviewed ? 'ham' : 'spam')?>
的内容感兴趣
最佳答案
是的,您可以在 ${}
中放置任意函数和表达式。模板标签:
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 年的电影。
关于jquery - jQuery 模板中的条件运算符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4570097/