問題タブ [htmlbars]

Ember v1.13.1 を使用して、私が制御していない動的 HTML コンテンツ内のコンテンツをレンダリングする方法について、少しレンガの壁にぶつかっています。この特定のシナリオでは、サービス呼び出しからナビゲーション ヘッドとナビゲーション フットを取得し、コンポーネントに配置しています。

したがって、私のコンポーネント テンプレートでは、次のようなことをしようとしています。

<div class="contentBody">yield コンテンツが要素内に配置されることを期待しますが、そうではありません。代わりに、コンテンツ body が の前で閉じられ、{{yield}}div を閉じる bodyEnd が無視されます。

明らかな何かが欠けている可能性があります。これを解決する方法についてのアイデアは大歓迎です。

乾杯

私は現在 Backbone.js をフロントエンド管理ライブラリとして使用しており、それと一緒に使用するテンプレート エンジンを探しています。Underscore/Lodash は優れていますが、十分に包括的ではありません。

より優れたクライアント側コンパイラが見つかるまでは、doT.js を使用しています。これは素晴らしいことですが、IDE とデータソースのサポートが不足しています。doT.js を使用すると、テンプレートのコンパイルが非常に簡単になります。

HTMLBars の追加機能とパワーが大好きで、非常によく似た方法で使用したいと考えています。たとえば、次のようになります。

私が見つけることができる唯一のスタンドアロン バージョンは ですが、これはまだ Ember に依存しているようです。ember-template-compiler.jsこれをスタンドアロン バージョンに抽出する方法があるかどうか、または誰かが既に行っているかどうかはわかりません。

htmlbars.jsファイルをダウンロードして含めることができる場所はありますか?

このブログ投稿のように、コンポーネント統合テストを作成しようとしていますが、コンポーネントにlink-to動的ルートがあり、hrefプロパティが入力されていません。これは、私がやろうとしていることの簡略化されたバージョンです。

私のコンポーネントのテンプレート:

そして、ここに私のテストの関連部分があります：

は、属性link-toなしでレンダリングされます。hrefテストで HTML をログに記録すると、次のようになります。

link-toにhrefを持たせるために、「モデル」に対して何かする必要がありますか? 私link-toは emberのテストを調べようとしましたが、テストのこの部分を見つけました。これは基本的に私が行っていることです - POJO にidキーセットを提供します。何か案は？

編集：

2 つのモデルをルートにロードしており、それぞれのコンポーネントを以下の同じテンプレートにレンダリングしようとしています。

favs モデルは正常にロードされますが、タグは次のエラーを返します。 '

{{user-tag}} コンポーネントを削除して HTML を挿入すると、問題なくすべてのタグがレンダリングされます。

コンポーネントを削除し、html または js のない新しい空のコンポーネントを生成しましたが、成功しませんでした。また、tagName プロパティの名前を TagId に変更しましたが、それも機能しません。

提案されているように、各ヘルパーの外で {{user-tag tag=tags}} を試してみましたが、同様のエラーが発生しました: Failed to execute 'createElement' on 'Document': The tag name provided ('DS.FilteredRecordArray:ember468' ) は有効な名前ではありません。また、同じエラーで別のコンポーネントとパーシャルでレンダリングしようとしました。

これは HTMLbars のバグだと思います。最終的には Ember-cli を更新する予定です (私は v0.2.3 を使用しています) が、他のアドバイスは大歓迎です。

次のように定義されたコンポーネントがあります。

そして、私はそれを次のように使用しています：

プロパティとしてlink-to渡すことで、誤ってヘルパーを機能させてしまいました。id=game.idただし、リンクを削除すると、IDへの参照が失われます。IDを渡すとIDが正しく参照される方法に関するドキュメントを見つけようとしてthisいますが、見つかりません。提案、リンク、または説明は役に立ちます。

現在、Ember 1.8.1 から Ember 1.13.9 にアップグレードしています。私のアプリは、ember-cli を使用しないことで一種のオールドスクールです (構文に関係なく es6 は使用しません)。

非推奨の Ember.Handlebars.registerBoundHelper を適切に置き換えるにはどうすればよいですか:

あなたにアドバイスします

だから私は「Ember.Handlebars.registerBoundHelper」を「Ember.Helper.helper」に置き換えると思ったのですが、これらのヘルパーはもう利用できません: "Uncaught Error: Assertion Failed: A helper named 'date-ago' could not be見つかった！"。

ES6 構文または ember-cli マジックなしで Ember 2.0 に htmlbars ヘルパーを登録するにはどうすればよいですか?

コードをhtmlまたはcssとして表示するデザインガイドを作成しようとしています。

私の理解では、{{yield}} を使用してコードを以下のように表示できるため、コンポーネントを作成する必要があるということです。

使用法：

コンポーネント/raw-output.hbs:

私の唯一の問題は、生のコードを HtmlBars に出力する方法がわからないことです。

編集：最終製品