Skip to content

Instantly share code, notes, and snippets.

@nathanhammond
Created October 1, 2018 14:24
Show Gist options
  • Save nathanhammond/433a4ddfb6996d9f23f764b86a64d2d7 to your computer and use it in GitHub Desktop.
Save nathanhammond/433a4ddfb6996d9f23f764b86a64d2d7 to your computer and use it in GitHub Desktop.
Nested Routing
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import EmberRouter from '@ember/routing/router';
import config from './config/environment';
const Router = EmberRouter.extend({
location: 'none',
rootURL: config.rootURL
});
Router.map(function() {
this.route('genius', { path: 'account/genius' }, function() {
this.route('welcome', { path: '/' });
this.route('opt-in');
});
});
export default Router;
<h1>Application</h1>
<ul>
<li>{{#link-to 'genius'}}Genius at root{{/link-to}}</li>
<li>{{#link-to 'genius.welcome'}}Genius at welcome{{/link-to}}</li>
<li>{{#link-to 'genius.opt-in'}}Genius at opt-in{{/link-to}}</li>
</ul>
<hr />
{{outlet}}
<h2>Genius</h2>
<hr />
{{outlet}}
{
"version": "0.15.0",
"EmberENV": {
"FEATURES": {}
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js",
"ember": "3.2.2",
"ember-template-compiler": "3.2.2",
"ember-testing": "3.2.2"
},
"addons": {
"ember-data": "3.2.0"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment