【问题标题】:Disabled button is still clickable in angular material禁用的按钮在角材料中仍然是可点击的
【发布时间】:2018-11-08 02:04:26
【问题描述】:
<a  md-icon-button [routerLink]="['./new']" queryParamsHandling="merge"
                mdTooltip="Add Document" [disabled]="isAddButtonDisabled(selectedAssociation)">
                <md-icon>add</md-icon>
            </a>

即使按钮被禁用,该按钮也会触发点击事件。有没有办法阻止点击?

【问题讨论】:

标签: angular material-design


【解决方案1】:

您不能禁用锚标签 - 尝试通过将锚标签包装在 div 中来隐藏锚标签或使用 css 禁用锚标签

[disabled] 是一个属性绑定,它只能包含一个属性值 - 您正在尝试将一个函数绑定到它 - 我不确定这是否可行 - 请检查

编码愉快!!

【讨论】:

    【解决方案2】:

    试试这个 CSS 规则:

    [disabled]{
      pointer-events: none;
    }
    

    【讨论】:

    • 这只会改变光标的外观,不会阻止任何点击事件
    • 是的,粘贴我的代码时不小心删除了错误的行。谢谢!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-09-03
    • 1970-01-01
    • 2013-08-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多