Как создать «частные компоненты маршрутов» в Angular 5 - PullRequest
Новая
       9

Как создать «частные компоненты маршрутов» в Angular 5

0 голосов
/ 10 мая 2018

У меня есть такая структура в моем проекте:

  • Основной html содержит элемент router-outlet и маршрутизирует к Comp1 или Comp2.
  • Comp2 содержит «ReusemainComponent», используя его селектор: "Приложение-reusemain".
  • ReusemainComponent содержит маршрутизатор-выход элемент и маршруты к Reusechild1Component или Reusechild1Component.

ReusemainComponent и его 2 дочерних элемента находятся в отдельном модуле.

Это дает следующее дерево: ('=>' обозначает маршрутизацию) 

app.component
    =>Comp1  
    =>Comp2  
        app-reusemain (used via its selector)  
            =>Reusechild1  
            =>Reusechild2

Мне бы хотелось, чтобы компонент reusemain был независимым и многоразовым, но имел внутренние маршруты reusechild1 и reusechild2.

Этот фрагмент показывает, что я также имею в виду передать свойство через привязку свойства. 

<div> something ...  </div>
<app-reusemain [childProperty]="parentProperty"></app-reusemain>

Попытка перейти к «route1» (одному из «закрытых дочерних маршрутов») приводит к переходу к «/ route1» и, конечно, дает сбой.

В этом случае не существует непрерывного маршрута от корня приложения до компонента «дочерний селектор» и его собственных дочерних элементов, поскольку вид «дочерний селектор» инициирует свой собственный.

Я пробовал вспомогательные маршруты, но, по-моему, маршрутизатор не достиг указанной розетки маршрутизатора внутри шаблона "child-selector".

Можно ли вообще так использовать угловой маршрутизатор?

Ссылка на пример: https://1drv.ms/u/s!Apm0hUmOfH7mzEfawhTNvxjrersv

...