我的示例中有嵌套导航(路线)
<ul> <li *ngFor="let route of routes" [routerLink]="route.link" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}"> {{route.name}}</span> <!-- Secondary navigation (if exists) --> <ul *ngIf="route.children" class="secondary"> <li *ngFor="let item of route.children" [routerLink]="item.link" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}"> {{item.name}} </li> </ul> </li> </ul>
在这种嵌套情况下,我如何防止父路由器链接? 感谢你的帮助。
添加 (click)="$event.stopPropagation()" (click)="someFunction($event)" 然后打电话 stopPropagation() 如果需要在单击时运行其他逻辑,也可以在函数内部)到子元素,以防止其冒泡。
(click)="$event.stopPropagation()"
(click)="someFunction($event)"
stopPropagation()