Ember Nested Routes Example

by Unspecified

HTML

<script src="http://fiddle.nonolog.de/lib/handlebars.js"></script>
<script src="http://fiddle.nonolog.de/lib/ember.js"></script>
<script src="http://fiddle.nonolog.de/lib/ember-data.js"></script>
<script type="text/x-handlebars" data-template-name="application">
    <h2>Twitter Feed Example</h2>
    {{outlet}}
</script>
    
<script type="text/x-handlebars" data-template-name="home">
    <h2>The Home Page</h2>
    
    <a class="twitter-timeline" href="https://twitter.com/search?q=%23emberjs" data-widget-id="321864236475224064">Tweets about "#emberjs"</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</script>

JavaScript

App = Ember.Application.create({});

App.Router.map( function() {
    this.route('home', {path: '/home'});
    this.route('about', {path: '/about'});
});

App.IndexRoute = Ember.Route.extend({
    redirect: function(){
    this.transitionTo('home');
    }
});