問題タブ [client-side-templating]

クライアント側のテンプレートを使用して最初のサイトに取り組んでいますが、これまでのところうまくいっています。以下のコードで最高のパフォーマンスを達成したいと考えています。

私はこの形式でjsonを与えられています：

以下の underscore.js テンプレートを使用します。

基本的に、上記のデータを使用してスライドショーを作成しているため、各「スライド」には特定のフィールドのタイトル、遅延などがありますが、月にはデータが含まれています。私は<li>for each スライドを構築しており、その中に Horizo​​ntal 、<table>そのテーブルで<th>月 (つまり、1 月、2 月、3 月など) を構築しています。<td>

上記のように同じデータを使用して (ただし異なる値をエコーする) 2 つのステートメントを実行するのではなく_.(each、目的の出力を実現するための最良の方法は何ですか?

Handlebars テンプレートをプリコンパイルしたいのですが、これが開発モードでどのように機能するかわかりません。

ハンドルバー テンプレート ファイルへの変更を常に監視するためにGuardのようなバックグラウンド プロセスを実行するのは一般的な方法ですか?

テンプレートを取り込むために RequireJS を使用しています。例えば：

したがって、テンプレートがプリコンパイルされたら、次のようにすることを理解しています。

2 番目のコード スニペットの について、次の点に注意してください。

1. RequireJS モジュールはテンプレートを取り込まなくなりました。
2. Handlebars.compile() は使用されなくなりました。

通常、ファイル システム レベルの変更がテンプレート ファイルに発生するたびに、テンプレートのコンパイルを維持するために Guard を実行しますか?

基本的に私の質問は、開発者がこれを行う意図はありますか?

私も Rails を使っているので、sass-rails のような黒魔術があるのか​​もしれません。

SlickGridを角度のあるアプリに統合するためのディレクティブを作成しています。(フォーマッター関数ではなく) angular テンプレートを使用して SlickGrid 列を構成できるようにしたいと考えています。これを実現するには、HTML を文字列として返すフォーマッタ関数を動的に作成するディレクティブが必要です。

私のアプローチは、一時的なスコープを作成し、それに対してテンプレートをリンクし、html をキャプチャしてから、スコープを破棄することでした。これは機能しますが、$digest already in progress. グローバル $digest サイクルから分離して、この方法で角度テンプレートをレンダリングできる方法はありますか?

ng-repeatところで: $interpolate を使用してみました。これはうまく機能しますが、他のディレクティブはサポートしていません。

JavaScript 用の基本的なテンプレート パーサーを実装しました。テンプレート文字列内の変数を置き換えるだけです。つまり、{event.date} は 2013 年 7 月 4 日になります。

テンプレート文字列を保存するためにスクリプトタグを使用しています

しかし、モバイルデバイスではエラーが発生するため、これには div 要素を使用しました

しかし、それは他の問題を引き起こすdom要素を作成します。これを行う他の方法はありますか？

jQueryでhandlebars.jsを使用して辞書のトップレベルの配列を処理する方法を理解するのに苦労しています

私のデータオブジェクトは、名前付き配列オブジェクトを持つディクショナリで構成されていません（オンラインのほとんどの例が扱っています）。私のデータオブジェクトは次のようになります。

これは、動作中のjsfiddle（名前付き配列オブジェクト（私が持っていない）を使用）と、実際のデータオブジェクトを使用した非動作jsfiddle（動作しません）です。

http://jsfiddle.net/eljaywilson/ZhF5h/ - 動作しますが、データ オブジェクトの外観は異なります

http://jsfiddle.net/eljaywilson/ZhF5h/1/ - うまくいかない

TemplateSyntaxError: unexpected char u'#'Python Google App Engine サーバーによって提供される HTML ファイルに単純な Mustache テンプレートを含めると、エラーが発生します。

含めたい口ひげのテンプレートは次のとおりです。

{{#item}} {{name}} {{/item}}

私のHTMLファイルは次のようになります。

テンプレートは type=text/mustache-template のスクリプト タグで囲まれているため、サーバーはそれを無視するべきではありませんか?

TemplateSyntaxError が発生する理由と、それを取り除くにはどうすればよいかを理解できません。誰にもアイデアはありますか？ありがとう！