問題タブ [ember-components]

関連情報: Ember 1.11.1 Ember Data 1.0.0-beta.16 Ember CLI

アプリケーション内でメトリック用の再利用可能なコンポーネントを作成しようとしています。コンポーネント内から、選択したオプションを使用してクエリを実行します。問題は、ネットワーク リクエストが適切に開始されていることを確認しても、Ember オブジェクトに入力されないことです。

ここに私のコンポーネントコードがあります:

metricTypes が返され、Ember オブジェクトに正しく設定されます。しかし、metricQuery 関数が実行されると、オブジェクトは設定されません。インスペクタにプロパティが表示されますが、コンテンツがありません。ただし、ネットワーク要求が正しいデータとサイドロードされたデータで正しく送信され、次のように返されることがわかります。

しかし、Ember インスペクターでオブジェクトを見ると、空のコンテンツが表示されます。ストアを使用してコンポーネント内からデータを取得しようとしたのはこれが初めてで、何が間違っているのかわかりません。

metricQuery の検索から返されるデータにアクセスするにはどうすればよいですか?

助けてくれてありがとう。

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

アプリケーションコントローラー

成分

ここにコンポーネントテンプレートがあります

プロパティを条件として使用したいのですが、どうすればそれを達成できますか

状況は次のとおりです。

facility-searchフィクスチャ データを検索するコンポーネントを作成しました。の複数のインスタンスを{{facility-search}}同じテンプレート (タブ ページ) に配置しました。このコンポーネントには、検索キーワードを入力できる入力ボックスがいくつかあります。入力ボックスの値の変化を観察し、それをコンポーネントの別のインスタンスに更新して、両方が同期するようにしたいと考えています。

これは私がやっているものですcomponents/facility-search.js

これは私のtemplates/components/facility-search.hbs

これは私のcontrollers/map.js

これはroutes/map.js

そして、これが私がコンポーネントを使用している方法ですtemplates/map.hbs

コンポーネントを複数回配置すると、次のことがわかりました。完全な新しいインスタンスが作成されます。したがって、変数textFacilityの更新などは、同じコンポーネントの別のインスタンスでは観察できません。しかし、別のインスタンスでもこれらの値を更新したいと考えています。同じコンポーネントの複数のインスタンスの状態を同期する方法はありますか?

display-me というコンポーネントがあります。次のように、そのコンポーネントに複数の呼び出しを追加することにより、jsfiddleに示されているように、同じテンプレートに同じコンポーネントを複数追加できます。

ただし、私が望むのは、上記のように手動で追加するのではなく、ボタンをクリックしてコンポーネントの 2 番目のエントリを追加できる状況です。

このアクションをインデックス ルートに追加しましたが、機能しません。

ここに完全なjsfiddleがあります

私のアプリは、Ember を使用して js を操作し、画面上の要素を移動します。Interact js は、イベント リスナーを使用して項目をドラッグし、ember コンポーネントで top および left プロパティを設定します。これはすべて Ember 1.12 で機能しますが、Ember 2.0 の準備をしようとしています。Ember.View.views[id]コンポーネントを取得する方法でしたが、Ember.View が機能しなくなりました。コンポーネントは次のとおりです。

イベント中にプロパティを設定できるように、コンポーネントを取得するにはどうすればよいですか? コメントで言ったように、イベントでコンポーネントを失うので、イベントで行うだけthis.set("top", y)では機能しません。プロパティを設定するには、コンポーネントを取得する必要があります。

プロジェクトを Ember 1.13 にアップグレードしようとしていますが、componentの新しい属性の動作について、特にそれらを観察する必要がある場合に少し混乱しています。

たとえば、私のテスト コンポーネントは、外部から渡されるパラメーターであるbarを観察します。Ember の新しい Glimmer エンジンでは、属性が変更されるとコンポーネントが再レンダリングされることを私は知っています。私が理解できないのは、 attrs.barを観察すると、オブザーバーもその時点で起動されるということです(私はbarを変更していません!)。しかし、バー自体を観察すれば問題ありません。

サンプルコード:

HTMLバー:

コントローラ：

成分：

ボタンをタップしてfooの値を変更すると、 barObv2もトリガーされます。デモ用の jsbin を作成しました: https://jsbin.com/qiwivu/2/edit?js,console,output

オブザーバーがトリガーされた理由を誰かが知っていますか?