問題タブ [mustache]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1223 参照

javascript - Mustache JS テンプレートと不明なプロパティ

口ひげ JS テンプレートを動的に使用しようとしています。次のようなテンプレートの配列があります。

そして、何かのインデックスに基づいて正しいテンプレートを選択したい...次のようにすることができます:

しかし、入力IDやその値など、他の何かに基づいて値を埋める方法がよくわかりません:

口ひげを動的に渡すオブジェクトを作成しようとしていると思います。プロパティ名は入力フィールドの ID であり、値は入力フィールドからのものです。

これは可能ですか?

ありがとう、ドム

0 投票する
1 に答える
3545 参照

templates - Mustache.js テンプレートで交互の行の色を作成するにはどうすればよいですか?

テンプレートがあります:

コントローラーから渡さずに背景色を設定する方法はありますか? これは純粋な表示であり、結果としてコントローラーに属しているとは思わないため、可能であればそこで色に名前を付けることは避けたいと思います。

0 投票する
1 に答える
294 参照

javascript - jsテンプレートエンジンでオブジェクトのパラメータ名を出力する方法(口ひげ、アンダースコア)

オブジェクトの配列がいくつかあります。

mustacheまたはunderscore.js-templatesでオブジェクトのプロパティの名前をレンダリングすることは可能ですか:'showname-array''andanotherName-array'

どうしてそれは可能ですか?

0 投票する
2 に答える
469 参照

ruby - Mustache & Sinatra - view.rb ファイルを省略できますか?

私は Sinatra で Mustache テンプレート ライブラリを使用しています。標準的な方法は、/templates の下に index.mustache を作成し、Mustache/views でサブクラス化する関連する index.rb を作成することです。

特別なロジックがまったく発生しない About ページのようなものについて、.mustache テンプレートのみを使用して、Sinatra で次のことを行うにはどうすればよいでしょうか。

単純に index.rb ファイルを提供しないと、Mustache はそれが見つからないというエラーをスローします。

0 投票する
6 に答える
13445 参照

javascript - mustache テンプレートをプリコンパイルするか、外部からロードしますか?

javascript でコンパイルするときに外部の口ひげテンプレートをロードし、コーヒー ファイルを乱雑にしないように、Coffeescript に関数を含めると便利です。

実際には、実行時に .mustache ファイルをロードできますが、これらのファイルを ajax リクエストで呼び出す必要があり、パフォーマンスが低下します。

いくつかの静的口ひげテンプレートをプリコンパイルし、それらを生成された JavaScript 関数に含めて、1 つのファイルにステッチおよび圧縮できるようにしたいと考えています。

そのためのプロジェクトまたはスクリプトはありますか?

0 投票する
1 に答える
1751 参照

javascript - Mustache JS とマージ テンプレート

何らかの理由で、口ひげのテンプレート化と 2 つのテンプレートのマージについて理解できません...

上記は機能していないようですが、私が期待する方法のようなものです。すべてのテキストがここで翻訳されるように、すべてのテキスト コンテンツをビュー内に保持したいと考えています。passwordStrength 'partial/template thingy' は、パスワード ビットがレンダリングされるときにのみ必要です。これがどのように行われるのかよくわかりません。{{#passwordStrength}} {{/passwordStrength}} を試してみましたが、存在する場合にのみレンダリングされると考えましたが、パーシャルも正しく渡す必要があり、それが {{>passwordStrength}} です。常に表示されるのは望ましくありません...コンテンツが存在する場合にのみ表示されます。私はこれをすべて完全に間違っていますか?

条件が満たされた場合にのみテンプレートを表示したい (パスワードビューを見ている) と言うと思いますが、テンプレートのポイントに反するロジックをテンプレートに入れています... しかし、passwordStrength ビットテンプレート内にある必要があるため、これがどのように処理されるのか少し混乱しています

ありがとう、ドム

編集: Stackoverflow では、自分の質問に答えることはできません。なぜそれができないのかわからないので、元の質問を自分の答えで編集する必要があります。

パーシャルを使用する必要はありません... passwordStrength HTML を元のテンプレートに追加し、それを {{#passwordStrength}}{{/passwordStrength}} でラップして、そこに IF があるようにするだけです (パスワードのみのように)ビュー) 次に、HTML をレンダリングし、ビューで提供されたテキストを使用します。そのようです:

0 投票する
1 に答える
1627 参照

jquery - JSON を使用した口ひげは関数を実行しません

jquery、口ひげ、サミーでcouchappを作成しようとしています。いくつかのページがあり、次のように生成します。

その後:

.js は、データを保存する JSON ファイルです。.ms ファイルは口ひげのテンプレートです。ここで説明されているように、関数を JSON に入れようとすると、 https ://github.com/janl/mustache.js になります。

関数は実行されません。それで、私は何を間違っていますか?データと関数を JSON に保存することは良い考えですか? また、どのような代替手段がありますか? ありがとう

0 投票する
1 に答える
2753 参照

javascript - バックボーン モデルまたはエクスポートされた json オブジェクトを口ひげのようなテンプレート システムに渡す

backbone.js とさまざまなテンプレート システムについて知りたいと思っていたのですが、オブジェクトをテンプレートに渡してレンダリングする場合のベスト プラクティスは何でしょうか。

バックボーン モデル全体を渡し、<%= model.get('name') %> を使用します。

または model.toJSON() を渡し、単に <%= name %> を使用します

これら2つの方法のいずれかを使用することの長所/短所は何ですか? または、トレードオフを気にせずに、最も役立つと思うものを選択できますか?

0 投票する
3 に答える
904 参照

javascript - mustache - データ構造全体をレンダリングする

口ひげを使用して、すべてのリテラル オブジェクトとその中のリテラル オブジェクトをレンダリングする方法はありますか? これで初心者なので、次のことがうまくいくかどうか疑問に思いました...

もちろんそうではありません。私は得る

{{/.}}

0 投票する
1 に答える
4313 参照

javascript - jQuery Mustache が IE 8 で動作しない

醜いデータ解析ロジックを Mustache に変換しました ( http://loop.pk用)。かなりきちんとしたもの。私はすべての開発を Ubuntu/Linux で行っているため、気付かなかったのですが、データが IE に表示されません。

この行までエラーを追跡しました。「データ」は完璧で、データが入力されており、期待どおりです。なぜこれが失敗するのか分かりません。

テンプレートの外観は次のとおりです。

データは次のようになります。

助けてください!