我有以下处理几个视图的 StateManager。我希望不必手动转换到初始状态 App.stateManager.transitionTo('showingPhotos')
。我宁愿只使用initialState
状态管理器的属性。
在这种情况下,使用 StateManager的initialState
属性不起作用,因为控制器在注入之前不可用App.initialize(App.stateManager)
。
有没有办法避免在注入控制器的同时手动转换到初始状态?有没有更好的方法来构建这样的状态管理器?
我创建了两个 JSfiddles:
http://jsfiddle.net/GmD8A/ - 这可行,但我必须手动转换到初始状态
http://jsfiddle.net/tgbuX/ - 这使用initialState
而不是手动转换到初始状态,因此不起作用。
PhotosListView = Ember.View.extend({
template: Ember.Handlebars.compile('<h2>Showing Photos</h2><a {{action "showContacts"}}>Show Contacts</a>')
});
ContactsListView = Ember.View.extend({
template: Ember.Handlebars.compile('<h2>Showing Contacts</h2><a {{action "showPhotos"}}>Show Photos</a>')
});
StateManager = Ember.StateManager.extend({
rootElement: '#body',
showingContacts: Ember.ViewState.extend({
view: ContactsListView,
showPhotos: function(manager) {
manager.transitionTo('showingPhotos');
},
enter: function(manager) {
this._super(manager);
this.setPath('view.controller', manager.get('photosController'));
}
}),
showingPhotos: Ember.ViewState.extend({
view: PhotosListView,
showContacts: function(manager) {
manager.transitionTo('showingContacts');
},
enter: function(manager) {
this._super(manager);
this.setPath('view.controller', manager.get('contactsController'));
}
})
});
App = Ember.Application.create()
App.PhotosController = Ember.ArrayController.extend()
App.ContactsController = Ember.ArrayController.extend()
App.stateManager = StateManager.create()
App.initialize(App.stateManager) // This injects the controllers
App.stateManager.transitionTo('showingPhotos') // I don't want to have to manually transition into this initial state
</p>