在 mustache.js 模板中做一个简单的计算

【问题标题】：Do a simple calculation in a mustache.js template在 mustache.js 模板中做一个简单的计算
【发布时间】：2012-10-27 04:43:30
【问题描述】：

是否可以在 mustache.js 模板中进行计算？

我想将一个名为 ratio 的值乘以固定数量，例如240

我的标签如下所示：

<div><img src="https://s3.amazonaws.com/com.myapp.demo/{{url}}" class="item" style="height:{{ratio * 240}}"></div>

既然url的值显示正确，我觉得一定是计算给我带来了麻烦。

【问题讨论】：

【解决方案1】：

选项 1

您可以使用函数来做到这一点：

模板：

<div>
  <img src="https://s3.amazonaws.com/com.myapp.demo/{{url}}" 
       class="item" style="height:{{#ratio}} {{x240Times}} {{/ratio}}">
</div>

代码：

Mustache.render(template,{
 ratio: 2,
 x240Times: function() {
    return this.ratio * 240;
  }
});

您也可以使用我的扩展 mustache-wax 在模板中使用格式化程序，例如：

定义一个接受一个参数的“乘法”格式化程序：

Mustache.Formatters = {
    "multiply": function (value, multiplier) {
        return value * multiplier;
    }
}

在你的模板中使用它：

<div>
  <img src="https://s3.amazonaws.com/com.myapp.demo/{{url}}" 
       class="item" style="height:{{ratio | multiply:240}}">
</div>

【讨论】：