在我的Angular 2应用程序中,我试图禁用routerLink而没有任何成功。我试图在click事件上处理click事件(使用event.preventDefault()和event.stopPropagation())但它不起作用。
如何禁用routerLink?
禁用指针事件
原文链接:https://www.f2er.com/angularjs/143971.html<a [routerlink]="xxx" [class.disabled]="disabled ? true : null">Link</a> a.disabled { pointer-events: none; cursor: default; }
另见Angular2,what is the correct way to disable an anchor element?
要么
<a *ngIf="isEnabled" [routerlink]="xxx">Link</a> <div *ngIf="!isEnabled">not a link</div>
或者轻松重复使用已禁用的链接模板
<ng-template #disabledLink> <div *ngIf="!isEnabled">not a link</div> </ng-template> <a *ngIf="isEnabled; else disabledLink" [routerlink]="xxx">Link</a>