問題タブ [htmlbars]

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 に答える
1293 参照

ember.js - テンプレートhtmlを属性としてEmberコンポーネントに渡す

現在、モーダル ポップアップのマークアップを生成する Ember コンポーネントがあります。モーダルのコンテンツ本文に割り当てられる HTML を (コンポーネント属性の形式で) コンポーネントに渡したいと思います。次のようなものが理想的です。

ルート テンプレート: app/templates/section1.hbs

モーダル テンプレート: app/components/my-modal/template.hbs

モーダルの本文に表示したいコンテンツは静的で、現在のテンプレートに固有です。

myContent可能であれば、この html をコントローラーに設定したり、ルートのモデル フックに設定したりしたくありません。

更新: さらに、Blockブロック間を行き来する必要がある HTML が非常に多く、メイン テンプレート マークアップのフローが中断されるため、params/syntax を使用しないこともお勧めします。

理想的には、この html をルートのテンプレートに設定するだけで済みます。現在、これは私の回避策であり、目的の要素の後に JavaScript テンプレートを追加する必要がありますdidInsertElement

ローカルのhandlbersテンプレート変数を(app/templates/section1.hbs内の)htmlに設定するなど、これを達成するためのより良い方法はありますか?

現在の解決策/回避策:

ルート テンプレート: app/templates/section1.hbs

コンポーネント JS: app/components/my-modal/component.js

モーダル テンプレート: app/components/my-modal/template.hbs

0 投票する
4 に答える
3166 参照

templates - Ember で実行時に HTMLBars テンプレートを動的にコンパイルする

Ember のクライアントで、実行時に HTMLBars テンプレートを動的にコンパイル (およびレンダリング) したいと考えています。これどうやってするの?

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

ember.js - HTMLBars でスクリプト ブロックを使用する方法

私が取り組んでいる Ember サイトで Google Adsense を使用したいと考えています。ただし、Google から取得したコード ブロックをコピーすると、次のエラーが発生します。

いろいろ調べてみると、同じような症状の方がいらっしゃるようですが、解決策が見つかりませんでした。誰にもアイデアはありますか?

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

ember.js - Ember js、HTMLbars: コンポーネントをコンポーネントのパラメーターとして使用する

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

ここではコンポーネントヘルパーが機能しません。これを試しました

コンポーネントをレンダリングするヘルパーも作成しようとしましたが、失敗しました。私が見つけたすべての答えはこのように古くなっているよう です。変数を介して動的に ember コンポーネントを呼び出すにはどうすればよいですか?

私のユースケースをより具体的にするために。ツールチップスターを使用していて、ボタンの初期化でツールチップをレンダリングしたいと考えています。

- - - アップデート - - - - -

問題は、最後にボタンと data-ember-action を含むタイトルの HTML 文字列が必要なことです。ラッパー コンポーネントの tpl を使用できません。ツールチップスターを拡張すると、次のようになります。

だから私はすでに次のようなことを考えていました:

しかし、これにより、コンポーネントを手動でレンダリングできなかったという問題に戻ります。

入力ごとに Thx!

乾杯パイ

- - - アップデート - - - -

gitbub の altrim は、私の問題の正確な解決策を提供してくれました: https://github.com/altrim/tooltipster-content-component

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

ember.js - モデルからの Ember 動的入力値 - HTML バー

次のモデルを想定しています。

次のようにモデルをループできます。

これにより、次のようになります。

ただし、入力に動的プロパティが必要な場合はどうすればよいでしょうか (次のように動作しないことはわかっています)。

これにより、すべての入力フィールドに既に定義されている値 (入力の車、トラック、ボート) がロードされます。

私が実現したいのはこれです(モデルをループすると仮定すると、これが「出力」されます):

しかし、それは出力していません。これを出力します:

値は既に定義されていますが、モデルで「car」を定義したいと思います(値がないことを意味します) 入力の名前を設定するだけで、後で{{car}}にアクセスできるようになりますユーザーが空白の入力に何を入力しても、{{car}}に出力されるようにします

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

javascript - チェックボックスを #{{link-to}} ヘルパーに追加するにはどうすればよいですか

問題: each 内にリンク先を持つテーブルがあります。各行の最初のセルに、厳密にトグルするためのチェックボックスが必要です。チェックボックスは表示できるのですが、チェックを入れることができません。

  • ルートに行きたくない
  • チェックボックスを切り替える必要があります
  • チェックボックスは値を保持する必要はありません (ページの更新時に破棄できます)
  • {{input}}ヘルパーを使用しても違いはありません

いじりがあります https://ember-twiddle.com/bc53d499687ad8bdc902be5cd7d77f48

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

ember.js - EmberJS 2.7 アサーションは、ネストされたオブジェクトの ID の受け渡しに失敗しました

EmberJS 2.7 エラー: アサーションに失敗しました:id渡されたものfindRecord()は空でない文字列または数値でなければなりません

app/templates/products/index.hbs: [モデル内/各ループにこの行があります]:

app/router.js: [これらのルートを定義しました]:

製品を編集するときに機能します。ただし、カテゴリを編集しようとすると、上記のエラーがスローされます。

「categories/edit」ルートを削除し、代わりにこのルートを追加すると:

それを使用するようにテンプレートを変更します。

その後、動作します。この2番目が機能する理由を理解しています。しかし、なぜ最初のものは機能しないのでしょうか?

編集:ここにモデルがあります

アプリ/モデル/product.js:

アプリ/モデル/category.js: