@Sashqa

Роутинг в приложении Angular 2+?

<div *ngFor="let p of points"
    class="list-of-menu-container pointer menu-line"
    (click)="currentItem = p"
    [class.full-opacity]="p.route === currentItem?.route"
>
<div class="icon-wrap">
    <i class="fa icon gray-icon" [ngClass]="[p.icon]"></i>
</div>
<div [ngClass]="{'hidden': !(fixedMenu || hoveredMenu), 'visible': !!(fixedMenu || hoveredMenu)}" class="main-text">
    <a [routerLink]="[p.route]">{{ p.label }}</a>
</div>
<div class="subbmenu" *ngIf="p.childs?.length">
    <div class="subbmenu__wrapper" *ngFor="let item of p.childs">
    <div class="subbmenu__icon">
        <i class="fa icon gray-icon" [ngClass]="[item.icon]"></i>
    </div>
    <a [routerLink]="[p.route + '/' + item.route]">{{item.label}}</a>
    </div>
</div>
</div>


Суть проблемы в следующем:
Когда мы наводим на пункт меню, у нас появляется второе меню, там мы кликаем на ссылку и все отлично переходит
Но если мы кликнем на вторую ссылка (в этом же подменю), адрес в строке у нас заменится, но перехода не будет. Приходится кликать по родителю и оттуда на вторую ссылку
  • Вопрос задан
  • 44 просмотра
Решения вопроса 1
Xuxicheta
@Xuxicheta Куратор тега Angular
инженер
Сложно так сказать, не зная что у вас в роутах и что получается в компоненте. надо тащить на stackblitz
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы