Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在锚定标记上禁用ng可以工作,但标记仍然可以单击_Javascript_Angularjs - Fatal编程技术网

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

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”链接因几个变量而异,

我有一个锚定标签,通过boostrap的CSS用作下载按钮。我的问题是,我在标记中禁用了
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,使用CSS
a.disabled{pointer events:none;}
是我刚刚遇到并正在尝试的东西,但它目前不起作用。这看起来像是因为它禁用了angularjs,而不是禁用了html类。最简单的方法是隐藏链接并用链接文本显示跨度。但是你不能禁用链接为按钮。@AlexanderMac我的另一个想法是复制按钮并使用angular显示/隐藏假按钮。你不能禁用链接,你只能更改它的行为:是!您不能使用
ng disabled
将其禁用。。。使用
class
使其看起来被禁用,并使用
handler
防止
默认行为
@AlexanderMac,使用CSS
a.disabled{pointer events:none;}
是我刚刚遇到并正在尝试的东西,但它目前不起作用。这看起来像是因为它禁用了angularjs,而不是禁用了html类。最简单的方法是隐藏链接并用链接文本显示跨度。但是你不能禁用链接为按钮。@AlexanderMac我的另一个想法是复制按钮并使用angular显示/隐藏假按钮。