ember.js - 複数のリソース ember.js にネストされた同じルート

Question

「Programme」というモデルを持つ ember.js アプリを作成しています。

ユーザーは、次の方法でプログラムにドリルダウンできます。
Genre > Subgenre > ProgrammeまたはFolder > List > Programme

これが私のルーターです：

this.resource('mylists', { path: '/' }, function() {
  this.resource('folder', { path: '/folder/:folder_id' }, function() {
    this.resource('list', { path: '/list/:list_id' }, function() {
      this.resource('programme', { path: '/programme/:programme_id' });
    });
  });
});

this.resource('catalogue', function() {
  this.resource('genre', { path: '/genre/:genre_id' }, function() {
    this.resource('subgenre', { path: '/subgenre/:subgenre_id' }, function() {
      this.resource('programme', { path: '/programme/:programme_id' });
    });
  });
});

UI は深くネストする必要があります (ジャンル ビューはカタログ テンプレートのアウトレットでレンダリングされ、サブジャンルはジャンル テンプレートのアウトレットでレンダリングされます... など)。

私が抱えている問題は、リストテンプレート内でプログラムルートProgrammeRouteを実行すると、生成された両方のルートが呼び出されるため、実際にはサブジャンルルートにネストされたプログラムルートに移動することです。linkTo

私はここで何をすべきですか？

それを回避するために、私は 1 つのルートListProgrammeRouteに名前を付けましSubgenreProgrammeRouteたが、それはいくつかの重複につながります。