問題タブ [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.
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
templates - Ember で実行時に HTMLBars テンプレートを動的にコンパイルする
Ember のクライアントで、実行時に HTMLBars テンプレートを動的にコンパイル (およびレンダリング) したいと考えています。これどうやってするの?
ember.js - HTMLBars でスクリプト ブロックを使用する方法
私が取り組んでいる Ember サイトで Google Adsense を使用したいと考えています。ただし、Google から取得したコード ブロックをコピーすると、次のエラーが発生します。
いろいろ調べてみると、同じような症状の方がいらっしゃるようですが、解決策が見つかりませんでした。誰にもアイデアはありますか?
ember.js - Ember js、HTMLbars: コンポーネントをコンポーネントのパラメーターとして使用する
私はこのようなことをしたい:
ここではコンポーネントヘルパーが機能しません。これを試しました
コンポーネントをレンダリングするヘルパーも作成しようとしましたが、失敗しました。私が見つけたすべての答えはこのように古くなっているよう です。変数を介して動的に ember コンポーネントを呼び出すにはどうすればよいですか?
私のユースケースをより具体的にするために。ツールチップスターを使用していて、ボタンの初期化でツールチップをレンダリングしたいと考えています。
- - - アップデート - - - - -
問題は、最後にボタンと data-ember-action を含むタイトルの HTML 文字列が必要なことです。ラッパー コンポーネントの tpl を使用できません。ツールチップスターを拡張すると、次のようになります。
だから私はすでに次のようなことを考えていました:
しかし、これにより、コンポーネントを手動でレンダリングできなかったという問題に戻ります。
入力ごとに Thx!
乾杯パイ
- - - アップデート - - - -
gitbub の altrim は、私の問題の正確な解決策を提供してくれました: https://github.com/altrim/tooltipster-content-component
ember.js - モデルからの Ember 動的入力値 - HTML バー
次のモデルを想定しています。
次のようにモデルをループできます。
これにより、次のようになります。
ただし、入力に動的プロパティが必要な場合はどうすればよいでしょうか (次のように動作しないことはわかっています)。
これにより、すべての入力フィールドに既に定義されている値 (入力の車、トラック、ボート) がロードされます。
私が実現したいのはこれです(モデルをループすると仮定すると、これが「出力」されます):
しかし、それは出力していません。これを出力します:
値は既に定義されていますが、モデルで「car」を定義したいと思います(値がないことを意味します) 入力の名前を設定するだけで、後で{{car}}にアクセスできるようになりますユーザーが空白の入力に何を入力しても、{{car}}に出力されるようにします
javascript - チェックボックスを #{{link-to}} ヘルパーに追加するにはどうすればよいですか
問題: each 内にリンク先を持つテーブルがあります。各行の最初のセルに、厳密にトグルするためのチェックボックスが必要です。チェックボックスは表示できるのですが、チェックを入れることができません。
- ルートに行きたくない
- チェックボックスを切り替える必要があります
- チェックボックスは値を保持する必要はありません (ページの更新時に破棄できます)
{{input}}
ヘルパーを使用しても違いはありません
いじりがあります https://ember-twiddle.com/bc53d499687ad8bdc902be5cd7d77f48
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: