在AngularJS中使超链接的行为成为条件

在Angular应用程序中,我有一个需要具有以下行为的超链接列表:

>如果存在某种条件(例如,如果某个cookie的值为x),则单击超链接应该打开一个模态窗口;
>如果不满足此条件(例如,如果cookie具有值y),则超链接应以其常规方式操作并在新选项卡中打开链接.

链接的格式如下:

<a ng-href="{{article.url}}" target="_blank" ng-click="myFunction()">
  {{article.title}}
</a>

我对如何实现这样的行为感到困惑.如果我同时保留ng-href和ngclick指令,则ng-href将插入url,每次单击都会在新选项卡中打开一个页面.如果我删除ng-href指令,那么在另一个选项卡中打开链接的唯一方法是通过javascript,但大多数浏览器都会阻止这种情况.我想不出有办法让ng-href有条件(例如,写< a ng-href =“myCondition === true?{{article.url}}:'#'”>不会工作).

能否请您介绍一下如何在Angular中实现这样的功能

这对我有用
<a ng-href='{{(element.url.indexOf("#")>-1) ? element.url : element.url + "client_id="}}{{credible.current_client_info.client_id}}'>{{element.title}}</a>

相关文章

AngularJS 是一个JavaScript 框架。它可通过 注:建议把脚本放在 元素的底部。这会提高网页加载速度,因...
angluarjs中页面初始化的时候会出现语法{{}}在页面中问题,也即是页面闪烁问题。出现这个的原因是:由于...
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有...
AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expres...
ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了...
$http是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上...