0

4 つの垂直パネル UI があります。

  • 最初のパネルにはメニューが表示され、表示するデータを選択できます
  • 2 番目のパネルでは、定義済みフィルターのリストからフィルターを選択できます。
  • 3 番目のパネルでは、フィルタの結果リストを表示できます
  • 4 番目のパネルでは、特定のアイテムの詳細を表示できます

この UI では、ネストされたルートとアウトレットを使用します。

App.Router.map(function() {
    this.resource('customers', { 'path' : '/customers' }, function() {
        this.resource('customers_filters', { 'path' : '/:filter' }, function() {
            this.resource('customer', { 'path' : '/show/:customer_id' });
        });
    });
});

すべて正常に動作しますが、特定のアイテム (ネストされたルートの最後のルート) の詳細を表示すると、URL のハッシュが正しくありません。

  • 最初のルート OK : #/customers
  • 2 番目のルート OK : #/customers/all
  • 3 番目のルート KO : #/customers/function filter() { [ネイティブ コード] }/show/2

JsBin に例を示します: http://jsbin.com/iNAGaVo/1

私は何を間違っていますか?ありがとうございました

4

1 に答える 1