在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>

Angular相关问答推荐

使用多个管道时Angel 17空数据

Angular v12:Uncatch(in promise):ReferenceError:d3 is not defined ReferenceError:d3 is not defined

间歇性不正确的SSR重定向(server. ts级别的请求和响应不匹配)

第15角Cookie的单元测试用例

如何在ANGLING v17中使用鞋带样式组件?

在Angular 17独立模式下,如何使用Swiper 11.0.5版使Bootstrap下拉菜单在Swiper元素外部可见

如何使用独立组件在ANGLE(16+)中实现嵌套布线

找不到模块webpack dev服务器

升级到 Ng 16 - npm 错误!对等依赖冲突:@angular/compiler-cli@16.2.1

无法绑定到formControl,因为它不是input的已知属性

个人修改 Angular CLI - 创建新应用

类继承支持

缺少 .angular-cli.json 文件:Angular

Angular 4 - 在下拉列表中 Select 默认值 [Reactive Forms]

无法绑定到matDatepicker,因为它不是 input的已知属性

等待多个promises完成

如何在 Angular CLI 1.1.1 版中将路由模块添加到现有模块?

如何提高 Angular2 应用程序的加载性能?

Angular2 - 如何开始以及使用哪个 IDE

如何对 *ngFor 应用数量限制?