代码之家 › 专栏 › 技术社区 › Jordan.J.D

在锚标记上禁用ng可以工作,但标记仍然可以单击

angularjs javascript

Jordan.J.D · 技术社区 · 8 年前

我有一个锚标签,通过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" 以确保页面不会重定向。是否有其他方法可以使锚标记看起来被禁用,并且在单击时也不起作用?

1 回复 | 直到 8 年前

Jordan.J.D 8 年前

这就是我用来解决问题的“黑客”。我复制了按钮,只使用了 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>

推荐文章