mustache - ハンドルバー - 動的要素の属性

Question

私はこのようなことをしたい:

{{#each user}}
    <span class="{{user.female ? 'female-span' : 'male-span'}}">{{name}}</span>
{{/each}}

これは angularjs のようなもので簡単に実行できますが、このハンドルバーは実行できません。要素の属性を動的に変更したい場合、ハンドルバーで従うイディオム/パターンは何ですか? これを行うハンドルバープラグインはありますか?

Answer 1

ハンドルバーは{{#if}}ヘルパーのみを提供しました (ここで使用できますが、冗長です)。ロジックが少ないため、括弧内に渡されたコードは評価されません (アンダースコア テンプレートはこれを行います)。

テンプレートに副作用がないことを確認するため、これは良いことです。

ここでは、おそらくこのロジックをテンプレートから削除し、クラス名をテンプレート引数として渡したいと思うでしょう:

template({ genderClass: user.female ? 'female-span' : 'male-span' });

次に、テンプレートで次のようにします。

<span class="{{genderClass}}">{{name}}</span>

あなたの場合、あなたは配列にいるのでgenderClass、モデルプロパティとして追加するだけです。それ以外の場合は、カスタム ヘルパー メソッドを使用できますが、これは非常に単純な場合に多くのオーバーヘッドになります。