是否可以在 mustache.js 模板中进行计算?
我想将一个名为 ratio
的值乘以固定数量,例如240
我的标签是这样的:
<div><img src="https://s3.amazonaws.com/com.myapp.demo/{{url}}" class="item" style="height:{{ratio * 240}}"></div>
既然url
值显示正确,我感觉一定是计算出了问题。
最佳答案
选项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;
}
});
选项 2
您也可以使用我的分机 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>
关于javascript - 在 mustache.js 模板中做一个简单的计算,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13097316/