我开始构建一个非常基本的Ember.StateManager,并在获取准确的currentState时遇到问题。我的理解是,在运行状态的enter回调时,currentState.name应该反映此新状态。

我正在使用ember-1.0.0-pre.2.min.js

这是我的问题:

My.Tabs = {
  init: function() {
    MY.Tabs.stateManager.transitionTo('about');

    // this logs 'about' which is correct
    console.log(this.stateManager.get('currentState.name'));
  },

  stateManager: Em.StateManager.create({
    enableLogging: true,
    start: Em.State.create({
      exit: function(stateManager) {
        // this logs 'start'
        console.log(stateManager.get('currentState.name');
      }
    }),
    about: Em.State.create({
      enter: function(stateManager) {
        // ###### HERE's THE PROBLEM ######
        // this logs 'start'...at this point shouldn't this be 'about'?
        // since I'm already in the enter callback?
        console.log(stateManager.get('currentState.name');
      },
      exit: function(stateManager) {
        return console.log("On about exit");
      }
   })
  })
};


如您所见,当我调用transitionTo('about')并运行该状态的enter回调时,currentState.name仍反映原始状态start

只有在我的transitionTo('about')之后,currentState.name才是准确的。

我的期望错了吗,还是我做错了什么?

该文档指出:


  转换为新状态后,新的currentState将使用StateManager实例作为其第一个参数,将表示转换的对象作为其第二个参数,调用其enter方法。


谢谢!

最佳答案

Looking at the source on github我明白了

enterState: function(transition) {
    var log = this.enableLogging;

    var exitStates = transition.exitStates.slice(0).reverse();
    arrayForEach.call(exitStates, function(state) {
      state.trigger('exit', this);
    }, this);

    arrayForEach.call(transition.enterStates, function(state) {
      if (log) { Ember.Logger.log("STATEMANAGER: Entering " + get(state, 'path')); }
      state.trigger('enter', this);
    }, this);

    set(this, 'currentState', transition.finalState);
  }


显然,currentState是在调用enter方法之后设置的,它将解释您所看到的内容。

您可以通过在转换后在控制台中获取当前状态名称来进行确认。

09-25 16:47