Ember.js路由和后退按鈕問題

Question

單擊“后退”按鈕時，模板無法渲染時出現問題。 從我所讀的內容來看，這是一個問題，因為父模板永遠不會消失，並且子路由應呈現為父路由。 但是，我希望用戶在添加記錄或編輯記錄時擁有干凈的頁面。 我目前正在將模板渲染到主應用程序模板上的命名出口中。

在這種情況下，應將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>

Answer 1

我發現這是Teddy Zenny最好的回答。

Ember.js：使用嵌套路由時，后退按鈕不會刷新索引視圖