如何在Ember JS中基于模型动态渲染视图

Question

在我的程序中，我有一个用户首次登录时看到的前显示屏。他们可以选择根据自己的喜好对前置显示器的各个部分进行排序。这些框中的每一个都在数据库中有一个模型，然后是一个链接到该特定用户的框的模型和用于显示框的排序顺序。

我需要做的是按顺序浏览每个框（已经想通）并渲染视图（我可以使用它）或渲染整个控制器（可能更难）到页面。

我在这些方面取得了一定的成功

在模板中

{{#each model.character.overviewBoxesSettings }}
    {{ view App.OverviewCustomView contentBinding="this" }}
{{/each}}

在视图中

App.OverviewCustomView = Ember.View.extend({
    templateName:function(){
        return this.get('content').get('overviewBox').get('viewName');
    }.property('content.overviewBox.viewName').cacheable(),
    _templateChanged: function() {
        this.rerender();
    }.observes('templateName')

});

现在这确实有效，但问题是当我改变路线时，视图似乎仍然存在。此外，当我切换回前方路线时，它会创建另一组视图。

如何解决这个问题的任何想法都将受到赞赏。