Javascript Ember.js路由和返回按钮问题

单击“上一步”按钮时，我遇到了模板未渲染的问题。据我所知，这是一个问题，因为父模板永远不会消失，子路由应该呈现到父路由中。但是，我希望用户在添加记录或编辑记录时有一个干净的页面。我目前正在将模板呈现到主应用程序模板上的命名出口中

在这种情况下，应该将newrecord和editrecord呈现为表单。但是，我希望URL是localhost/form/formID/newrecord，以便用户知道它们仍然在表单中

问：实现这一目标的最佳方式是什么？我必须将路由更改为子资源还是将其作为更高级别的资源移动？有没有更好的方法来实现我的目标

App.Router.map(function(){
this.resource('home', { path: '/' });
this.resource('form', { path: '/forms/:form_id' }, function() {
       this.route('newrecord', { path: '/newrecord' }); 
       this.route('editrecord', {path :'/editrecord' });
    });
});

模板

<script type="text/x-handlebars" data-template-name="application">
{{ outlet }}
{{ outlet newrecord }}
{{ outlet editrecord }}
</script>

{{outlet}}
{{outletnewrecord}}
{{outlet editrecord}}

我发现这是最好的答案