Вложенная маршрутизация в aurelia js

Question

Есть ли способ иметь вложенный маршрутизатор/дочерний маршрутизатор в Aurelia JS
как у нас в ui-router для угловых js?
так, что мы можем достичь следующих

• Обновить частичный вид (только обновить выбранную часть на данном событии).
• , имеющие дочерние отношения родителя в компонентах
  

ТИА

Answer 1

Да, это делает.

Множественные Просмотр Порты

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

Вы можете определить два или более различных мнений быть затронуты маршрута, путем создания более одного <router-view> в шаблоне так:

<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. Есть хорошие примеры, в том числе, как делать детскую маршрутизацию.