Question

我有一个锚标记，我通过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"以确保页面不会重定向。是否有另一种方法可以使锚标签看起来禁用，也不会在点击时起作用？

Answer 1

所以这就是我常常解决问题的'黑客'。我复制了按钮并使用了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>

锚标签上的ng-disabled有效但标签仍然可以点击

1 个答案: