javascript - mustache.js テンプレートで簡単な計算を行う

Question

mustache.js テンプレートで計算を行うことは可能ですか?

呼び出さratioれた値に固定量 (例: 240 ) を掛けたい

私のタグは次のようになります。

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

値が正しく表示されているのでurl、計算に問題があるのではないかと感じています。

Answer 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;
  }
});

オプション 2

私の拡張mustache-waxを使用して、テンプレートでフォーマッターを使用することもできます。次に例を示します。

1 つの引数を受け入れる「乗算」フォーマッタを定義します。

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>