javascript - 口ひげのネストされたテンプレート

Question

これが可能かどうか疑問に思っています。この例では、HTML ファイルは次のようになります。

{{i18n.sample_message}}

私のレンダリング機能では、これがあります：

var json = {
 i18n:i18n,
 sampleDate:'10/10/10'
}
$('div').html(Mustache.to_html(template,json);

i18nファイルはオブジェクトであり、次のキーがあります。

サンプルメッセージ:some long message
date is: {{json.sampleDate}}

今、私{{json.sampleDate}}は画面に出ます。セミコロンで文字列を終了し、 + を使用して値を連結しようとしましたが、それも機能しませんでした。

当分の間、私は自分のhtmlをに変更{{json.sampleDate}}したマップに入れていませんi18n

{{i18n.sample_message}}{{json.sampleDate}}

実際には、いくつかの動的な値を挿入する必要がある長い段落がいくつかあります。

Answer 1

私はこれを醜い方法で機能させることができました。よりクリーン/より良いものがある場合は、コメント/編集してください。

Mustache.to_html を 2 回呼び出す必要がありました。

var html = Mustache.to_html(template,json);
return Mustache.to_html(html,json);

to_html をもう一度呼び出すと、Mustache は {{json.sampleDate}} を見つけ、それを json の値に置き換えました。