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
私は何を間違っていますか?ありがとうございました