javascript - Mustache/jQuery/javascript - 如何对 mustache 变量执行方法？

Question

我有一个简单的 mustache 模板设置，它采用一个对象 player 并创建一个列表元素。对 mustache 中的变量执行 javascript 方法的最佳方法是什么？下面是一些示例代码:

var playerTemplate = '<li><span class="player-position">{{ position }}</span><span class="player-name">{{ first_name }} {{ last_name }}</span></li>';
var playerRow = Mustache.to_html(playerTemplate, player);
$('ul#players-list').append(playerRow);

我想做的是:

{{ position.toUpperCase() }}

我宁愿不更改对象本身，因为我可能希望 {{ position }} 在其他情况下不为大写。有没有关于最干净、最聪明的方法的提示？

非常感谢。

Answer 1

Mustache 有意设计得非常简单(“无逻辑模板”)，因此您无能为力。一种选择是添加 positionUC 属性:

player.positionUC = player.position.toUpperCase();

然后在模板中:

{{positionUC}}

你还可以添加函数:

// Note that render(text) will be HTML though...
player.uc = function(text, render) { return render(text).toUpperCase() };

然后在模板中:

{{#uc}}{{position}}{{/uc}}

也许你可以切换到 Handlebars并为大写字母添加一个助手。