在Angular 2应用程序中,我试图禁用routerLink,但没有成功.我try 过处理click
事件(event.preventDefault()
和event.stopPropagation()
)上的点击事件,但没有成功.
如何禁用路由链路?
在Angular 2应用程序中,我试图禁用routerLink,但没有成功.我try 过处理click
事件(event.preventDefault()
和event.stopPropagation()
)上的点击事件,但没有成功.
如何禁用路由链路?
通过CSS在元素上禁用pointer-events
:
<a [routerlink]="xxx" [class.disabled]="disabled ? true : null">Link</a>
a.disabled {
pointer-events: none;
curs或: default;
}
另见第Angular2, what is the c或rect way to disable an anch或 element?页
或
<a *ngIf="isEnabled" [routerlink]="xxx">Link</a>
<div *ngIf="!isEnabled">not a link</div>
或 to easily reuse the disabled link template
<ng-template #disabledLink>
<div *ngIf="!isEnabled">not a link</div>
</ng-template>
<a *ngIf="isEnabled; else disabledLink" [routerLink]="xxx">Link</a>