問題タブ [handlebars.js]
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.
javascript - Handlebars.js (jQuery Mobile 環境) でコンパイル済みテンプレートを使用する
ハンドルバーのテンプレートのプリコンパイルに多少苦労しています。私の jQuery Mobile プロジェクトは、テンプレートに関してかなり大きくなっており、使用するテンプレートをプリコンパイルしたいと考えています。
ただし、ハンドルバーでこれを行う方法の適切な説明 (ステップバイステップのチュートリアルなど) が見つからないようです。
スクリプト タグを使用して、すべてのテンプレートをインライン化しています。NPMを使用してハンドルバーを取り付けました。しかし、今、私はどのように進めるべきか迷っています。
私は次のようなことをしていると推測しています
どういうわけかevent.compiledコンテンツを含めますか?しかし、それから、それを呼び出す方法。
私は自分のテンプレートをそのように呼んでいます
誰かが私のためにこれに光を当ててくれることを願っています。
javascript - ember.jsを使用してハンドルバーのボタン#viewで動作するclassNameBindingsを取得する
プロパティバインディングに基づいて、ハンドルバービューを使用して特定のボタンにクラスを表示しようとしています。私は、ember.js のサイト (http://emberjs.com/examples/todos/) にある Todo アプリのようなことを行っており、に基づいて「クリア完了」ボタンを非表示にしようとしています。プロパティの値。
私はここで何をしようとしているのかを示すjsfiddleを持っています(http://jsfiddle.net/boushley/XEdNg/)。#view タグ内に className を追加すると、正常に表示されます。しかし、clasNameBindings を追加すると、期待どおりに動作しません。私はこれについて間違っているのでしょうか、それともここで何かが壊れていますか?
アーロン
ember.js - BPM で Ember/Handlebar を使用するとエラーが発生する
次の手順に基づいて、Ember を BPM で実行しようとしています。
https://github.com/bpm/bpm/wiki/Using-BPM-with-SproutCore-2.0
Handlebars テンプレートに式を追加しようとするまで、すべてがうまく機能しているようです。
次に、次のエラーが表示されます。
式を削除すると、すべて正常に動作します。
ソースはこちら: https://github.com/nicholasjhenry/bpm_ember
このエラーが発生している理由を特定できる人はいますか?
編集:エラーをスローしている行は次のとおりです。
これは Ember.watch によって呼び出されます。
ruby-on-rails - Handlebars.js&i18n-js、新しいヘルパー
ハンドルバーとRubyのi18n-jsgem(Rails 3アプリ上)を使用して、クライアント側でi18nキーを変換したいと思います。あなたによると、そのようなハンドルバーヘルパーは何でしょうか?
現在のハンドルバーのバージョンによると、デフォルトのヘルパーは次のようになります。
i18n-js gemについては、素晴らしい組み合わせのようです。このlibは、たとえばEmber.js内で(ember-i18nとして)使用されます。Handlebars.jsとi18nに関するベストプラクティスはすでにありますか?
提案ありがとうございます。
ember.js - ブラウザをロックせずに大きなリストをレンダリングする Ember.js
クライアント側でアイテムの大きなリストをレンダリングする場合、Ember.js にはどのようなオプションがありますか? レンダリング時間を短縮する明白な方法としてページネーションが頭に浮かびますが、javascript の実行時にブラウザがフリーズすることなく、アイテムの大きなリストをレンダリングできる他のトリックはありますか?
ember.js - Ember.jsハンドルバーテンプレートで、静的クラス属性と動的クラス属性の両方を持つ方法はありますか?
すでに使い古されたto-doアプリの例を使用して、「todo」クラス(静的)と「is-done」クラス(動的)を持つ要素が必要だとします。
この場合、「isDone」と「todo」はどちらもビューオブジェクトのプロパティであることが期待されます。これは「isDone」には必要ですが、「todo」には必要ありません。私は現在、静的な「todo」文字列と等しい「todo」プロパティをビューに追加することで、これを回避しています。bindAttrを使用するときに静的クラス属性を持つ方法はありますか?
フィドルの例: http: //jsfiddle.net/nes4H/4/
templates - NodeJS + Express + ハンドルバー - ビュー "index.html" が見つかりませんでした
私は Node.js で少し遊んでいます。私は最近 Express をいじり始め、基本的なアプリをセットアップしています。ビュー テンプレート エンジンとしてハンドルバーを使用したかったのですが、壁にぶつかりました。ビュー "index.html" が見つかりませんでした。
私はapp.jsと同じディレクトリにindex.htmlを持っているので、以下のコードはindex.htmlを見つけるのに問題はないと思います...
私は周りを検索しましたが、翡翠以外のものの包括的な例はまれであるように思われます...誰もこのコンボの経験がありますか?
前もって感謝します!
アップデート:
私は行方不明でした:
私の設定では...「.html」の登録は、.htmlとのハンドルバーの関連付けを指定するため、非常に重要であるように思われます...
これが誰かに役立つことを願っています...
私は非常に初心者なので、7時間自分の質問に答えることができませんが、完全な動作例が必要な場合は、明日投稿できます...
ember.js - Ember + ハンドルバーを使用して実行時にビューを動的に選択する
Ember、Ember Data、Handlebars を使用して、さまざまな種類のモデルのタイムラインを表示しています。私の現在の実装は、適切に機能していますが、規約とヘルパーを使用して大幅に改善できるようです。ただし、既に定義されているテンプレートの使用方法がわかりません。
これは私が持っているものです:
...ヘルパーと一緒に...
どのビューをレンダリングするかを理解するために、何らかの規則に頼りたいと思います。例えば:
おそらく、data-model 属性を使用して、オブジェクトのレンダリング方法を決定できます。
残念ながら、ヘルパーからテンプレートにアクセスする方法がわかりません。
また、これはハンドルバーでやりたいことですか?
javascript - handlebars.js {{#if}} 条件の論理演算子
handlebars JS に論理演算子を標準の handlebars.js 条件演算子に組み込む方法はありますか? このようなもの:
独自のヘルパーを作成できることはわかっていますが、最初に、車輪の再発明ではないことを確認したいと思います。
ember.js - Ember.js コレクション反復における位置インデックス
ember.jsで反復中に位置インデックスを取得する方法はありますか?
私は次のようなものを持つ方法を探しています:
アップデート:
@ebryn のコメントによると、以下のコードは、各アイテムにネストされたビューを使用せずに機能します。
AdvertiseedIndex のようなものを使用するには、ネストされたビューが必要になります。