Ember JS - コンポーネント間でデータを渡す

Question

Ember JS 2.12.0を使用しています。

私はクリック時にアクションを実行し、データを受け取るコンポーネントを作成しました。このデータを別のコンポーネントに渡す必要があります。私はこれについてどうやって行くのですか？ドキュメントはそれをカバーしていないようです。ここで

は私のコンポーネントのテンプレートです：

<div class="play-button" {{action "playTrack" track}}> 
    <span class="glyphicon glyphicon-play" aria-hidden="true"></span> 
</div> 

とコンポーネントJS：

import Ember from 'ember'; 
export default Ember.Component.extend({ 

    actions: { 
     playTrack(track){ 
      console.log(track); 
     } 
    } 

}); 

どのように私は別のコンポーネントにトラックオブジェクトを渡すことができますか？

Answer 1

私は遠いコンポーネント間の通信について質問しています。つまり、コンポーネント間にデータを渡す親子関係はありません。親子関係がある場合は、伝統的に「データダウンアクションアップ」アプローチを使用できます。

離れたコンポーネント間で通信する最も良い方法は、serviceを使用することです。 serviceでさえ、アプリケーションを通してクロスカッティングの問題になることがあります。セッションサービスのようなものです。あなたのケースに関する説明については、followingの記事を見ることを強くお勧めします。すでに指摘したように、基本的にはserviceを使用することを提案しています。