Угловая маршрутизация не соответствует ожиданиям для модулей с отложенной загрузкой. Работает для ручного ввода URL, но из меню навигации всегда перенаправляет на маршрут по умолчанию

Question

У меня есть вложенные ленивые загрузочные модули, когда я перемещаюсь по вложенному модулю (дочерние), вложенные модули всегда перенаправляются на маршрут по умолчанию, но при вводе URL-адреса вручную он работает нормально.

https://stackblitz.com/edit/angular-3ik1q2

Answer 1

Попробуйте: вы должны поиграть с логикой CSS здесь

<div id="container">
    <ul class="navigation">
        <li *ngFor="let nav of navs"  routerLinkActive="active">
            <span *ngIf="nav.sub_navs">{{ nav.title }}</span>
            <span [routerLink]="['', nav.link]" *ngIf="!nav.sub_navs">{{ nav.title }}</span>
            <span *ngIf="nav.sub_navs" style="margin-left: 30px;font-size: 1.5rem">&#8250;</span>
            <ul *ngIf="nav.sub_navs" class="sub_nav">
                <li *ngFor="let sub_nav of nav.sub_navs" [routerLink]="['', nav.link, sub_nav.link]" routerLinkActive="active">
                    {{ sub_nav.title }}
                </li>
            </ul>
        </li>
    </ul>
    <div class="main-section">
        <router-outlet></router-outlet>
    </div>
</div>