Javascript 在锚定标记上禁用ng可以工作,但标记仍然可以单击
我有一个锚定标签,通过boostrap的CSS用作下载按钮。我的问题是,我在标记中禁用了Javascript 在锚定标记上禁用ng可以工作,但标记仍然可以单击,javascript,angularjs,Javascript,Angularjs,我有一个锚定标签,通过boostrap的CSS用作下载按钮。我的问题是,我在标记中禁用了ng属性,虽然它使按钮看起来被禁用,但仍然可以单击它。我有如下几点: <a class="btn btn-primary pull-right download-button" target="_self" href="/download" ng-disabled="!dlAvailable">Download</a> href=“/download”链接因几个变量而异,
ng
属性,虽然它使按钮看起来被禁用,但仍然可以单击它。我有如下几点:
<a class="btn btn-primary pull-right download-button" target="_self" href="/download" ng-disabled="!dlAvailable">Download</a>
href=“/download”
链接因几个变量而异,我需要target=“\u 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>
所以这就是我用来回避问题的“黑客”。我复制了按钮,只是用
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
将其禁用。。。使用class
使其看起来被禁用,并使用handler
防止默认行为
@AlexanderMac,使用CSSa.disabled{pointer events:none;}
是我刚刚遇到并正在尝试的东西,但它目前不起作用。这看起来像是因为它禁用了angularjs,而不是禁用了html类。最简单的方法是隐藏链接并用链接文本显示跨度。但是你不能禁用链接为按钮。@AlexanderMac我的另一个想法是复制按钮并使用angular显示/隐藏假按钮。你不能禁用链接,你只能更改它的行为:是!您不能使用ng disabled
将其禁用。。。使用class
使其看起来被禁用,并使用handler
防止默认行为
@AlexanderMac,使用CSSa.disabled{pointer events:none;}
是我刚刚遇到并正在尝试的东西,但它目前不起作用。这看起来像是因为它禁用了angularjs,而不是禁用了html类。最简单的方法是隐藏链接并用链接文本显示跨度。但是你不能禁用链接为按钮。@AlexanderMac我的另一个想法是复制按钮并使用angular显示/隐藏假按钮。