aurelia js의 중첩 라우팅

Question

Aurelia JS에서 중첩 라우팅/하위 라우터를 가질 수있는 방법이 있습니까 각도 j에 대해 ui 라우터를 사용하고 있습니까?
우리가

• 업데이트 께 부분 뷰 따라 달성 할 수 있음 (단, 지정된 이벤트의 선택된 부분을 갱신).
  

TIA가

Answer 1

예, 그것은 않는 구성 요소

가진 부모 자식 관계.

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

: 두 개 이상의 서로 다른 뷰를 정의 할 수 있습니다

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

여러 뷰 포트은 이상과 같은 템플릿에서 한 <router-view>를 작성하여, 경로에 의해 영향을받을 수 있습니다

그리고 각 경로에서 두 목적지를 모두 정의하십시오 :

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

아이

에게 영향을 미치는 상위/하위 구성 요소 라우팅을 만들 수있는 라우터에 액세스하는 방법에 대한 깊이있는 설명이 게시물과 제 답변을 참조하는 부모에서 라우터 액세스.

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

더 예

:

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

요약하면, 당신은 아마 다음과 같이 아이 라우팅을 필요로하는 어떤 부모 구성 요소로 주입하여 주요 라우터에 접근 할 필요가 스켈레톤 탐색 예제를 https://github.com/aurelia/skeleton-navigation에서 확인해야합니다. 하위 라우팅을 수행하는 방법을 포함하여 좋은 예가 있습니다.