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

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

我需要做的是按顺序（已经计算出）遍历每个框，或者呈现一个视图（我可以处理这个），或者呈现整个控制器（可能更难）到页面

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

在模板中

{{#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')

});

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

---

如果您有任何关于如何解决此问题的想法，我们将不胜感激。

您尝试过吗？这很有效，但我现在遇到了与布局相关的问题。基本上，我试图输出引导行。我输出的每个框是一行2的1部分。因此，我需要一种方法来添加和自定义集合视图的呈现方式。这是可能的吗？你能提供一个包含最后代码的jsbin吗？因此，如果你还需要什么，请告诉我。我需要更完整的功能代码：-(