栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

Angular2,禁用锚元素的正确方法是什么?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Angular2,禁用锚元素的正确方法是什么?

pointer-events:none
在CSS中指定会禁用鼠标输入,但不会禁用键盘输入。例如,用户仍然可以选择链接并通过
Enter
按键或(在Windows中)
≣Menu
键“单击”它。您可以通过拦截
keydown
事件来禁用特定的击键操作,但这可能会使依赖辅助技术的用户感到困惑。

禁用链接的最佳方法可能是删除其

href
属性,使其成为非链接。您可以使用条件
href
属性绑定来动态地执行此操作:

<a *ngFor="let link of links"   [attr.href]="isDisabled(link) ? null : '#'"   [class.disabled]="isDisabled(link)"   (click)="!isDisabled(link) && onClick(link)">   {{ link.name }}</a>

或者,按照GünterZöchbauer的回答,您可以创建两个链接,一个链接为正常链接,一个链接为禁用链接,并用于

*ngIf
显示一个或另一个链接:

<ng-template ngFor #link [ngForOf]="links">    <a *ngIf="!isDisabled(link)" href="#" (click)="onClick(link)">{{ link.name }}</a>    <a *ngIf="isDisabled(link)" >{{ link.name }}</a></ng-template>

这是一些使链接看起来被禁用的CSS:

a.disabled {    color: gray;    cursor: not-allowed;    text-decoration: underline;}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/635326.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号