問題タブ [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.
javascript - Emberjs 入力に所定の値を設定する
だから私は動的に生成されたフォームを持っています:
ご覧のとおりoptionValue
、値が何であれ、バインディングを使用してチェックボックスを設定しようとしています{{variant.id}}
。その値を設定するにはどうすればよいですか? 私はそれについて完全に間違った方法で進んでいますか?
ember.js - ember-2.0 角括弧コンポーネントが ember-cli@0.2.7 で動作しない
ember-2.0 angle-bracket コンポーネントが最新の ember-cli で動作するには、他に何が必要ですか?
私はember-cli 0.27、 nodejs 0.12.4、および emberjs-canary ブランチを使用して emberjs-2.0 をテストしています。
以下を使用して、必要最小限の新しい ember アプリを作成しました。
そして、次のコンポーネントを作成しました。
application.hbs に以下の行を追加してコンポーネントを呼び出すと、コンポーネント内のコンテンツが表示されません。
上の行を下の行に変更すると、コンポーネントの内容が表示されます。
ここに私のbower.jsonの抜粋があります
これが私のパッケージです、json
ember.js - HTMLBars を使用して、より多くのコントローラー プロパティを 1 つの属性にバインドする
これは正しいですか、それとも他の解決策はありますか?
新しい CP を作成し、 model.isnValidとisSavingに依存できることはわかっていますが、他に解決策があるかどうかを知りたいです。
アドバイスありがとうございます
javascript - Ember.js 動的コンポーネント
私には2つのモデルがAdmin
あり、User
私のアプリケーションテンプレートは次のとおりです
{{header-nav}}
カスタマイズ可能にするために(可能であれば)やりたいことは
次のとおりadmin
です。動的にレンダリングするものを構築するにはどうすればよいですか?{{admin-header}}
user
{{user-header}}
application.hbs
javascript - EmberJS - オブジェクトのプロキシは非推奨です - テンプレートでコントローラのプロパティにアクセスします
私は特定の特異性を理解しようとしています。
プロパティの設定xxx
と1つのコントローラーでの反復処理#each
は機能しますが、一見同じ操作は機能しyyy
#each
ません...
コードのハイライトと実行可能なコード スニペットを含めます。
もっと知りたい:
- あるケースでは機能し、別のケースでは機能しないのはなぜですか?
- それを修正するEmberの方法は何ですか?
編集: 更新されたコード スニペットには、カラー モデルが含まれます。非推奨の警告をトリガーするには、色 (赤、青) のいずれかをクリックします...これは、スニペットを実行するとどうなるかです。
javascript - HTMLBar を使用した静的クラスと動的クラスのバインド
静的クラス「form-control」と動的プロパティ値「color」を入力ヘルパーのクラス属性にバインドしようとしていますが、使用している構文はこれをレンダリングされた DOM 要素に出力するだけです
「color」の値をクラス属性に実際にバインドすることなく。これが通常の DOM 要素の静的クラスと動的クラスを HTMLBars にバインドする方法であることは知っていますが、中かっこを使用する要素には別の構文がありますか?
私が使用している構文:
ember.js - Rails が ember-template-compiler でプリコンパイルに失敗する
1.10.beta4 から Ember.js 1.13.2 にアップグレードした後、本番環境で非推奨の警告がある Handlebars テンプレートをプリコンパイルできなくなりました。以下の rake assets:precompile のエラーとトレースバックをご覧ください。奇妙なことに、本番環境の Mac ではエラーは発生しませんが、Linux ビルド サーバー (Ubuntu) では失敗します。
調査の結果、ember-template-compiler.js はプリコンパイル中に非推奨の警告を生成し、コンパイル済みの出力と混在しているようです。この JS ファイルには、「Ember ビルド ツールはEmber.deprecate()
、プロダクション ビルドを実行するときに呼び出しを削除します」というコメントがあります。しかし、これがスプロケット ツール チェーンでどのように機能するかはわかりません。プリコンパイル中に application.js ファイルが含まれないため、Ember.deprecate をオーバーライドできません。Ember.deprecate への呼び出しが Rails アセットのプリコンパイルでどのように削除されるかを誰かが言うことができれば、これをさらにデバッグするのに役立ちます。
非推奨を取り除く必要がありますが、時間がかかるかもしれません! この問題についてご協力いただきありがとうございます。
バージョン情報 (ember-cli は使用しません):
- レール 4.2.0
- エンバーレール宝石0.16.1
- 理髪師の宝石 0.9.0
- ember-template-compiler.js 1.13.2
エラー メッセージとトレース:
ember.js - hasBlock を使用した Ember.js コンポーネントのテスト
私はこのコンポーネントをセットアップしました(最小限に抑えました):
そして、このテスト:
これは問題なく動作しますが、Ember から非推奨の通知を受け取ります。
での「テンプレート」へのアクセス
<app-name@component:global-nav-item::ember540>
は非推奨です。ブロックが指定されているかどうかを判断する<app-name@component:global-nav-item::ember540>
には、コンポーネント レイアウトで「{{#if hasBlock}}」を使用してください。
hasBlock
代わりに使用するテンプレートを変更すると:
テストは失敗します。this.$()
コンソールにログを記録すると、hbs
テンプレート ファイルが [プログラムで追加しています] を無視しているように見えることがわかりtemplate
ます。
テストでは、、、 、 などと交換しようとしましたtemplate
が、成功しませんでした。withも初期化してみました。block
layout
hasBlock
content
subject
hasBlock: true
そして、ブロックが適用された通常の開発アプリでページを読み込むと、ロジックは正常に実行されます。
このロジックをテストするために、単体テストでコンポーネントを設定する必要がある他の方法はありますか?