app-route要素を持つディープパス

Question

ルーティング用にapp-routeコンポーネントを使用しています。ここで

は、コードの重要な部分である：

<app-location route="{{route}}"></app-location> 
<app-route 
     route="{{route}}" 
     pattern="/:page" 
     data="{{routeData}}" 
     tail="{{subroute}}"></app-route> 

設定等、ルートフォルダではなく、ユーザーフォルダにならないように、私は私のアプリの構造の明瞭度を改善するためのURLをしたいと思います私のフォルダの構造をコピーします。理想的には、アプリルートパターンは、このようになります

パターン=「/ {フォルダパス} /：ページ」

そして私はフォルダパスとページを受け取ることになる、routeData変化を聞くであろうobsereverを使用しますパラメーター。私は適切にページを-怠惰ロードした後 ：

var resolvedPageUrl = this.resolveUrl("/views/" + folderpath + page + '-view.html'); 
this.importHref(resolvedPageUrl, null, this._showPage404, true); 

私はそれが簡単に自分自身をアプリルート要素を削除し、ルートを解析することによって達成されることを知っているが、「公式」がある場合、私は疑問に思いますapp-routeコンポーネントを使用してこの動作を取得する方法です。

ありがとうございます。Jan

Answer 1

一般的な考え方は、ルートを連鎖させることです。ですから、あなたが効果的に、おそらく---------もう一つの要素は、おそらく

<app-route 
    route="{{subRoute}}" 
    pattern="/:page" 
    data="{{subRouteData}}"></app-route> 

は注意してください。この

<app-location route="{{route}}"></app-location> 
<app-route 
    route="{{route}}" 
    pattern="/:folderpath" 
    data="{{routeData}}" 
    tail="{{subRoute}}"></app-route> 

ような何かをするだろう欲しいものを達成するために、これで少し落とし穴があります"page" app-routeは実際にどのようなfolder-pathに関係なく一致し、他の要素にこれを配布している場合は、そのようにしたくないかもしれません。そう

<app-route 
    route="{{subRoute}}" 
    pattern="/reports/:page" 
    data="{{subRouteData}}"></app-route> 

と

<app-route 
    route="{{subRoute}}" 
    pattern="/appointments/:page" 
    data="{{subRouteData}}"></app-route>