在 Ember 中解析模型后，从路由触发控制器动作

Question

我是 Ember 的新手，多年来一直是铁杆骨干爱好者，我不知道如何处理我遇到的情况。

我正在使用Pusher 和Pusher Ember 库来构建一种聊天应用程序。

它的工作方式是，一个人导航到用户帐户页面并创建一个新的“对话”。然后，一旦创建了该对话，我想订阅一个以该对话 id 动态命名的推送频道。我需要在我的控制器上定义 Pusher 订阅。

这是我的路线（在咖啡脚本中）

App.ConversationShowRoute = Ember.Route.extend
  model: (params) ->
    @store.createRecord('conversation', user_id: params.user_id).save()

和我的控制器：

App.ConversationShowController = Ember.ObjectController.extend
  init: ->
    subscriptions = []
    subscriptions[@model.get('id')] = ['newMessage']
    PUSHER_SUBSCRIPTIONS: subscriptions

很遗憾，此时模型还没有解析，所以我还不知道我的@model.id 是什么，所以它失败了。

对于处理这个问题的最佳方法有什么建议吗？

Answer 1

当我将 ember-pusher 添加到我的应用程序时，我遇到了同样的问题。我采用的解决方案是在 App 命名空间中定义一个可以引用的变量。 （不理想，我需要稍后修复）

init: function () {
  this.channelName = 'presence-document-' + App.documentId + '-channel';
  this.PUSHER_SUBSCRIPTIONS[ this.channelName ] = [
    'pusher:subscription_succeeded', 'pusher:member_added', 'pusher:member_removed',
    'client-send-status', 'client-send-message'
  ];
  this._super();
}

第二种更简洁的选择是尝试与您的用户控制器建立需求关系，但我不确定在初始化完成之前是否可用。

App.ConversationShowController = Ember.ObjectController.extend({
  needs: ['user'],
  userId: Ember.computed.alias('controllers.user.id'),

  init: function() {
    this.PUSHER_SUBSCRIPTIONS[this.get('userId')] = ['newMessage'];
    this._super(); // Maybe try putting this first if properties haven't resolved.
  }
});

第三种选择是在初始化期间查找用户控制器（单例）。

App.ConversationShowController = Ember.ObjectController.extend({
  init: function() {
    var userController = this.container.lookup('controller:user');
    this.PUSHER_SUBSCRIPTIONS[userController.get('id')] = ['newMessage'];
    this._super();
  }
});

更新

由于您需要对话 ID，因此您可以观察模型何时更改并像 ember-pusher/bindings.js 那样连接推送器。您不再需要覆盖 controller.init，只需设置 PUSHER_SUBSCRIPTIONS: {} 即可。

afterModelLoad: function() {
    this.channelName = 'conversation-' + this.get('model.id');
    this.PUSHER_SUBSCRIPTIONS[this.channelName] = ['newMessage'];

    // From bindings.js init
    var events = this.PUSHER_SUBSCRIPTIONS[this.channelName];
    this.pusher.wire(this, this.channelName, events);

    this.removeObserver('afterModelLoad'); /* If you only want to run once */
}.observes('model')