ember.js - 每次点击索引时如何执行代码？

Question

/每当访问路线时，如何执行一些代码？

我现在有这个：

App.indexController = Ember.Controller.extend({
    showFront: function () {
        alert("zzz");
    }
});

但我被困住了。我怎样才能让它真正起作用？

Answer 1

您首先需要定义一个路由，然后在其上调用一个函数。

在这里阅读如何：

http://emberjs.com/guides/routing/defining-your-routes/

Answer 2

您可以使用beforeModel和setupController钩子在加载路由时执行代码。

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

App.PostsRoute = Ember.Route.extend({
  // http://emberjs.com/api/classes/Ember.Route.html#method_beforeModel
  beforeModel: function() {
    console.log("beforeModel fired");
  },

  // http://emberjs.com/api/classes/Ember.Route.html#method_setupController
  setupController: function(controller, model){
    this._super(controller, model);
    console.log("setupController fired");
  },

  model: function(){
    // resolve the promise after a short delay
    return Ember.RSVP.Promise(function(resolve, reject){
      setTimeout(function(){
        resolve(true);
      }, 2000);
    });
  }
});

beforeModel顾名思义，将在模型加载之前触发，并在模型加载setupController后触发。JSBin 中的示例使用延迟加载模型来演示差异。

此示例显示了用于App.Post路由的钩子，但App.ApplicationRoute如果您希望在加载默认路由时执行代码，则可以使用它。

JSBin 示例