Ember js版本1:路由层次结构/激活

Ember.js在转换到父路由时不会重新发送父视图,因此不建议将into与父视图模板一起使用。

有一种更简单的方法可以创建您想要创建的内容:使用报价/索引路线:

<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="quote/index">
    <h2>Quote View</h2>
    {{#linkTo 'quote.create'}}Create a new quote{{/linkTo}}
</script>
<script type="text/x-handlebars" data-template-name="quote/create">
    <h2>Quote Create View</h2>
    <p>Some controls would go here.</p>
     {{#linkTo 'quote'}}Go back to quote view{{/linkTo}}
</script>

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

App.ApplicationRoute = Ember.Route.extend({
    activate: function () {
        this.transitionTo('quote');
    }
});

App.Router.map(function () {
    this.resource('quote', function () {
        this.route('create');
    });
});

看见 http://jsfiddle.net/eYYnz/