Created
May 11, 2017 00:19
-
-
Save vasilionjea/7bdf276e151faa4849faa4ae8dd5e54c to your computer and use it in GitHub Desktop.
Ember Route Lifecycle Hooks
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Ember from 'ember'; | |
export default Ember.Controller.extend({ | |
appName: 'Ember Twiddle' | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Ember from 'ember'; | |
import config from './config/environment'; | |
const Router = Ember.Router.extend({ | |
location: 'none', | |
rootURL: config.rootURL | |
}); | |
Router.map(function() { | |
this.route('my-route'); | |
}); | |
export default Router; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Ember from 'ember'; | |
function doHeavySyncWork() { | |
var i = 3000000000; // 3 billion | |
console.log('=> start heavy operation'); | |
for(i; i>0; i-=1){i;} | |
console.log('<= end heavy operation'); | |
} | |
export default Ember.Route.extend({ | |
init() { | |
this._super(...arguments); | |
console.log('index: init'); | |
}, | |
beforeModel() { | |
console.log('index: beforeModel'); | |
}, | |
model() { | |
console.log('index: model'); | |
}, | |
afterModel() { | |
console.log('index: afterModel'); | |
// doHeavySyncWork(); // prevents everything below from executing | |
}, | |
redirect() { | |
console.log('index: redirect'); | |
}, | |
resetController(controller, isExiting, transition) { | |
console.log('index: resetController'); | |
}, | |
deactivate() { | |
console.log('index: deactivate'); | |
}, | |
activate() { | |
console.log('index: activate'); | |
}, | |
setupController() { | |
this._super(...arguments); | |
console.log('index: setupController'); | |
}, | |
renderTemplate() { | |
this._super(...arguments); | |
console.log('index: renderTemplate'); | |
}, | |
actions: { | |
willTransition() { | |
console.log('index: actions.willTransition'); | |
}, | |
didTransition() { | |
console.log('index: actions.didTransition'); | |
// doHeavySyncWork(); // prevents rendering of template | |
return true; // bubble up to parent routes | |
} | |
} | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Ember from 'ember'; | |
export default Ember.Route.extend({ | |
init() { | |
this._super(...arguments); | |
console.log('my-route: init'); | |
}, | |
beforeModel(transition) { | |
console.log('my-route: beforeModel'); | |
}, | |
model(params, transition) { | |
console.log('my-route: model'); | |
}, | |
afterModel(resolvedModel, transition) { | |
console.log('my-route: afterModel'); | |
}, | |
redirect(model, transition) { | |
console.log('my-route: redirect'); | |
}, | |
resetController(controller, isExiting, transition) { | |
console.log('my-route: resetController'); | |
}, | |
deactivate() { | |
console.log('my-route: deactivate'); | |
}, | |
activate() { | |
console.log('my-route: activate'); | |
}, | |
setupController() { | |
this._super(...arguments); | |
console.log('my-route: setupController'); | |
}, | |
renderTemplate(controller, model) { | |
this._super(...arguments); | |
console.log('my-route: renderTemplate'); | |
}, | |
actions: { | |
willTransition(transition) { | |
console.log('my-route: actions.willTransition'); | |
}, | |
didTransition() { | |
console.log('my-route: actions.didTransition'); | |
return true; // bubble up to parent route handlers | |
} | |
} | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"version": "0.12.1", | |
"EmberENV": { | |
"FEATURES": {} | |
}, | |
"options": { | |
"use_pods": false, | |
"enable-testing": false | |
}, | |
"dependencies": { | |
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js", | |
"ember": "2.12.0", | |
"ember-template-compiler": "2.12.0", | |
"ember-testing": "2.12.0" | |
}, | |
"addons": { | |
"ember-data": "2.12.1" | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment