javascript - ionic : How to make a ng-href link work inside a ui-sref element?

Question

我在 Ionic 1 中有下面的简单代码。它只是一个 itens 列表。该列表是可单击的，单击它会将我带到详细信息页面。但是，当我单击右侧的电话图标时，我想给该人打电话。

问题是图标中的链接(ng-href 属性)被忽略。如果我删除 ui-sref 属性，它就会起作用。

有人可以向我解释一下如何进行这项工作吗？如果给我解释一下问题，就加分。这是代码的简化版本:

  <ion-item class="item-icon-right" 
      ng-repeat="e in search(text)" 
      ui-sref="page2({m:e.mat})">
    <h2positive>{{e.name}}
      <a ng-href="tel:+5521{{e.phone}}" 
         class="icon ion-iphone enable-pointer-events" 
         style="text-decoration: none;"></a>
    </h2positive>
  </ion-item>

当然，我可以拆分这些项目，但这会弄乱所有 css 格式。我想更改一些内容以使 e.phone 链接正常工作。

Answer 1

只需使用标签ion-stop-event="click"。它没有真正记录，但会阻止电话图标上的单击事件“冒泡”到外部 div。这是工作代码:

<ion-item class="item-icon-right" 
  ng-repeat="e in search(text)" 
  ui-sref="page2({m:e.mat})">
<h2positive>{{e.name}}
  <a ng-href="tel:+5521{{e.phone}}" 
     ion-stop-event="click"
     class="icon ion-iphone enable-pointer-events" 
     style="text-decoration: none;"></a>
</h2positive>