我应该在 Ember.js 中的 transitionTo 上运行业务逻辑答案

【问题标题】：Where I should run business logic on transitionTo in Ember.js我应该在 Ember.js 中的 transitionTo 上运行业务逻辑
【发布时间】：2014-02-19 11:49:45
【问题描述】：

我有两个不同的观点：

帖子列表
与特定帖子相关的 cmets 列表

当我单击#1 视图中的特定帖子时，我正在使用简单的 transitionTo('cmets', post) 显示 #2 视图。我想要做的是在显示时将与帖子相关的所有 cmets 标记为已读。假设我要运行方法：markAllAsRead(comment)。我应该把这个业务逻辑放在哪里？

理想的情况是在加载时向控制器添加一些钩子。找不到类似的东西，init 方法仅在第一次加载 #2 视图时调用。

我也可以在 setupController 的路由器中运行它

App.IndexRoute = Ember.Route.extend({ 
  setupControler: function(controller, model){
    this._super(controller, model);
    markAllAsRead(model);
  }
});

但它的路由器似乎并不是为了保持这种逻辑而设计的。

【问题讨论】：

您可以尝试将controller.set('model', model) 行添加为上面显示的 setupController 挂钩的最后一行吗？

标签： ember.js ember-router ember-controllers

【解决方案1】：

您始终可以将自己的初始化函数添加到您的控制器，例如，在您的路由的 setupController 函数controller.initializeComments(model) 中，并在每次加载路由时从控制器执行必要的设置。

【讨论】：

谢谢，我从路由中调用了控制器方法。干净一点。

【解决方案2】：

请始终发布带有示例的 jsbin/jsfiddle。它使您更容易理解您的结构和问题。

你应该有两条路线：

App.PostsRoute
App.CommentsRoute

路由器可能看起来像这样：

App.Router.map(function() {
  this.resource('posts', function () {
    this.resource('comments', { path: '/posts/:post_id/comments' });
  });
});

在 App.PostsController 和 App.CommentsController 的模型挂钩中，您必须加载数据。然后，您可以使用 App.CommentsController 上的 afterModel 挂钩来操作传递的模型的属性。

App.CommentsRoute = Ember.Route.extend({
  afterModel: function(comments, transition) {
    comments.setEach('read', true); 
    // sets the property 'read' of all elements of the comments array to true
  }
});

文档：

afterModel 挂钩：http://emberjs.com/api/classes/Ember.Route.html#method_afterModel
setEach 和其他精彩的 Ember.Array 方法：http://emberjs.com/api/classes/Ember.Array.html#method_setEach

【讨论】：