TL;DR? (ほぼ) 動作するコードに移動したい場合は、ここで jsFiddleを作成しました。
以下で説明する Ember ルーターがあるとします。現在のユーザーの認証状態を管理してもらいたいです。状態遷移をキャンセルすることはできますか?
App.Router = Ember.Router.extend({
init: function() {
this.set('authenticated', false);
return this._super();
},
/*
* "Authentication" method - just toggle the state
*/
toggleAuthentication: function() {
var auth = this.get('authenticated');
this.set('authenticated', !auth);
if (auth) {
this.transitionTo('root.home');
} else {
this.transitionTo('loggedIn.home');
}
},
/*
* Root state
* Logged out state tree
*/
root: Ember.State.extend({
home: Ember.State.extend()
}),
/*
* Authenticated state tree
*/
loggedIn: Ember.State.extend({
/* Enter checks user is authenticated */
enter: function(manager, transition, async, resume) {
if (manager.get('authenticated')) {
// proceed
} else {
// cancel the transition & redirect to root.home
}
},
/* Exit sets authenticated to false just to be sure */
exit: function(manager, transition, async, resume) {
manager.set('authenticated', false);
},
/* Sub-states */
home: Ember.State.extend(),
news: Ember.State.extend({
list: Ember.State.extend()
})
})
});