Мой navbar.html:
<li>
<a (click)="Close= !Close" href="/page1" >This Page</a>
</li>
<li>
<a (click)="Close= !Close" href="/page2" >Another Page</a>
</li>
app.html:
<app-navbar></app-navbar>
<router-outlet></router-outlet>
У меня есть меню, которое открывается и закрывается, если переменная Close имеет значение true или false с помощью css с использованием переходов.
Прямо сейчас, если я нажимаю на элемент меню, моя навигационная панель мигает обратно, чтобы закрыть состояние без анимации и перезагрузить содержимое страницы. Решение, которое я нашел, состояло в том, чтобы добавить (click)="Close= !Close" к каждому элементу меню, чтобы они также могли управлять анимацией открытия / закрытия.
Когда я добавил (click)="Close= !Close" к каждому атрибуту элемента, который href прекратил перенаправлять, я удалил (click)="Close= !Close" и подтвердил, что он заставляет мой href выполнять свою работу.
Это работает:
<li>
<a href="/page1" >This Page</a>
</li>
Это не:
<li>
<a (click)="Close= !Close" href="/page1" >This Page</a>
</li>
<li>
Это нормально? Есть ли обходной путь? Мне нужно использовать другой тип href на Angular?
<------------- ОБНОВЛЕНИЕ 1 --------------->
При наведении курсора на элемент он правильно показывает ссылку, по которой этот элемент должен меня доставить, событие с (click)="Close= !Close" в атрибутах
