aurelia jsでネストされたルーティング

Question

Aurelia JSでネストルーティング/チャイルドルーターを使用する方法はありますか
私たちは角度jのui-routerを使用していますか？
我々は

• 更新部分ビュー（のみ与えられたイベントに選択した部分を更新）以下を達成できるようにします。
• コンポーネントに親子関係を有する
  

TIA

Answer 1

はい、それはありません。

複数のビューポート

http://aurelia.io/hub.html#/doc/article/aurelia/router/latest/router-configuration/9

あなたはこのようなあなたのテンプレートに複数の<router-view>を作成することによって、ルートによって影響を受けるべき2つの以上の異なるビューを定義することができます。

<template> 
    <div class="page-host"> 
    <router-view name="left"></router-view> 
    </div> 
    <div class="page-host"> 
    <router-view name="right"></router-view> 
    </div> 
</template> 

それぞれのルートで両方の目的地を定義する：

{ route: 'users', name: 'users', viewPorts: { left: { moduleId: 'user/list' }, right: { moduleId: 'user/detail' } } } 

子供に影響を与えるために親から自分のルーターにアクセスするには、この記事と親/子コンポーネントルーティングを作成するために、ルータにアクセスする方法について、詳細な説明のための最初の答えを参照してください。要約すると

Linking directly to both parent+child views/controllers from the main navigation menu

、あなたはおそらくこのように、子どものルーティングを必要とする任意の親コンポーネントにそれを注入することにより、あなたの主なルータにアクセスする必要があります。

import {inject} from 'aurelia-framework'; 
import {Router} from 'aurelia-router'; 
@inject(Router) 
export class SomeParent { 
    constructor(router) { 
    this.router = router; 
    } 
} 

もっと例

スケルトンのナビゲーションの例はhttps://github.com/aurelia/skeleton-navigationでチェックしてください。子ルーティングを行う方法を含む良い例があります。