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。