javascript - 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')

});

これは実際に機能しますが、問題は、ルートを変更してもビューが持続するように見えることです。また、フロント ルートに戻ると、別のビュー セットが作成されます。

これを解決する方法についてのアイデアをいただければ幸いです。