ember.js - Ember 与无关组件的路由通信

Question

我知道 EmberJS 提倡“数据下降，行动上升”，但我有一个场景，我不确定如何适应该范式。最好用一个与我想要达到的目标类似的例子来解释。

假设我有一个固定的标题组件（' fixed-header'）。我希望这个标题总是出现，所以我当然将它添加到我的主应用程序模板中：

{{fixed-header}}
{{outlet}}

现在假设我希望我的标题显示有关我所在路线的一些信息。为简单起见，假设每条路线都有一个我想在固定标题中显示的标题。因此，无论我是 on /fooor/foo/bar/baz还是/wackawacka/meh?cat=meow，我都希望该路由能够将一些数据发送到fixed-header组件以进行显示。换句话说，我有点想反对“数据​​下降”并做一个“数据上升”。

解决这个问题的理想方法是什么？我的第一直觉是创建一个服务来my-header监听并且路由可以发布他们的信息。但这是正确的做法吗？创建一个服务只是为了发送一点文本对我来说似乎很奇怪。还有其他方法吗？

Answer 1

您可以为组件使用参数。

{{fixed-header info=headerInfo}}
{{outlet}}

然后在某个钩子中的任何路线

setupController: function(controller, model) {
  this._super(controller, model);
  var headerInfo = ...
  this.controllerFor('application').set('headerInfo', headerInfo);
}

Answer 2

服务才是王道。请参阅服务 Ember 指南

Ember.Service 是一个在应用程序期间存在的 Ember 对象，并且可以在应用程序的不同部分中使用。服务对于需要共享状态或持久连接的功能很有用。