Ember Latest
The latest build of Ember.
HTML
<script src="http://builds.emberjs.com/handlebars-1.0.0.js"></script>
<script src="http://builds.emberjs.com/ember-latest.js"></script>
<script type="text/x-handlebars" data-template-name="application">
<h1>Rendering Issue</h1>
{{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="quote">
{{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="quoteIndex">
<h2>Quote View</h2>
{{#link-to 'quote.create'}}Create a new quote{{/link-to}}
</script>
<script type="text/x-handlebars" data-template-name="quoteCreate">
<h2>Quote Create View</h2>
<p>Some controls would go here.</p>
{{#link-to 'quote'}}Go back to quote view{{/link-to}}
</script>
CSS
h1 {
font-size: 1.6em;
padding-bottom: 10px;
}
JavaScript
App = Ember.Application.create({});
App.ApplicationRoute = Ember.Route.extend({
renderTemplate: function (controller, model) {
this._super(controller, model);
this.transitionTo('quote');
}
});
MyRoute = Ember.Route.extend({
});
App.QuoteRoute = MyRoute.extend({
});
App.QuoteIndexRoute = MyRoute.extend({
templateName: 'quoteIndex'
});
App.QuoteCreateRoute = MyRoute.extend({
templateName: 'quoteCreate'
});
App.Router.map(function () {
this.resource('quote', function () {
this.route('create');
});
});