如何从左下角隐藏url

Question

我有这行代码

<a class="btn btn-block btn-lg" ng-class='login.anchorClass' ng-href="{{login.idp_authnrequest_url}}"><img src="{{login.file_name}}"/>{{login.name}}</a>

但是这会在左下角显示我想隐藏的url(这是要求)。有人能帮忙吗?

由于这些链接来自ng-repeat，我尝试了onclick="location.href='({{login.idp_authnrequest_url}})'"

，但这只打开最后一个url在每个锚标记点击。还考虑使用按钮而不是锚标签，但因为我有多个按钮，这将如何工作?

Answer 1

欢迎使用Stack Overflow。你试过使用jquery吗:

$(function(){
$("a").each(function (index, element){
var href = $(this).attr("href");
$(this).attr("hiddenhref", href);
$(this).removeAttr("href");
});
$("a").click(function(){
url = $(this).attr("hiddenhref");
window.location.href = url;
})
});

这对我有用。这里参考答案https://stackoverflow.com/a/56340724/13955999