angularjs - 在 AngularJS 中使超链接的行为有条件

Question

在 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 中实现此类功能的方法？

Answer 1

这对我有用

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