Skip to content

Instantly share code, notes, and snippets.

@blchang
Forked from rwjblue/controllers.application.js
Last active August 23, 2017 21:09
Show Gist options
  • Save blchang/26de05eda9258f5af363752dba563621 to your computer and use it in GitHub Desktop.
Save blchang/26de05eda9258f5af363752dba563621 to your computer and use it in GitHub Desktop.
params Id not present
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
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', { path: '/:id' }, function() {
this.route('jobs');
});
});
export default Router;
import Ember from 'ember';
export default Ember.Route.extend({
model(params) {
alert('Jobs model hook should only be called once');
const idOrName = this.paramsFor('my-route').id;
const parentModel = this.modelFor('my-route');
if (parentModel.jobTitle) {
return { jobTitle: parentModel.jobTitle };
}
if (idOrName === parentModel.id) {
return {
redirectTo: Ember.merge(
parentModel,
{
jobTitle: 'Correct Title',
}
),
};
}
return { jobTitle: 'Correct Title' };
},
afterModel(model) {
if (model.redirectTo) {
alert('Redirect called');
this.replaceWith('my-route.jobs', model.redirectTo);
}
}
});
import Ember from 'ember';
export default Ember.Route.extend({
model(params) {
const nextModel = {
name: 'nextName',
id: '6',
};
let model = {
id: '5',
name: 'myName',
nextModel,
};
return model;
},
serialize(model) {
Ember.Logger.log('serialize called multiple times :(');
return { id: model.name };
},
afterModel(model, transition) {
Ember.Logger.log('paramsFor: ' + this.paramsFor('my-route').id);
Ember.Logger.log('transition param: ' + transition.params['my-route'].id);
}
});
// Questions:
// 1. Why is serialize called multiple times?
// 2. Why does the :id not exist after the redirect?
// 3. Why do we need a redirect for serialize to be called?
// 4. Is there a better way to change the url without copying the model?
<h1>Welcome to {{appName}}</h1>
<br>
<p>Go to /5 to see the url change to /myName</p>
<br>
{{outlet}}
<br>
{{#link-to 'my-route' 6}}link to 6{{/link-to}}
<br>
{{#link-to 'my-route' model.nextModel}}Go to Next Model{{/link-to}}
{
"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