锚标记上的 ng-禁用有效，但标记仍可点击

ng-disabled on an anchor tag works but tag is still clickable

本文关键字：ng- 有效      更新时间：2023-09-26

我有一个锚标签，我通过boostrap的CSS将其用作下载按钮。我的问题是我在标签中有 ng-disabled 属性，虽然它使按钮看起来被禁用，但仍然可以单击它。我有如下内容：

    <a class="btn btn-primary pull-right download-button" target="_self" href="/download" ng-disabled="!dlAvailable">Download</a>

href="/download"链接因一些变量而异，我需要target="_self"以确保页面不会重定向。有没有另一种方法可以使锚标签看起来被禁用并且单击时不起作用？

所以这是我用来解决我的问题的"黑客"。我复制了该按钮，只是使用ng-show来确定应该显示哪个按钮 - 禁用的按钮或工作按钮。

    <a class="btn btn-primary pull-right download-button disabled" target="_self" href="/download" ng-show="!downloadAvailable">download</a>
    <a class="btn btn-primary pull-right download-button" target="_self" href="/download" ng-show="downloadAvailable">download</a>
相关文章：