在Ionic 3中，href="tel:"无法使用。

Question

Href = "tel"在ionic 3上无法工作，以下是我的代码：

<ion-item color="none" href="tel:[phone] - 7607">
  <ion-icon name="call" item-left></ion-icon>
  Contato: {{ property.contato1 }}
</ion-item>

- Mike Otharan

---

请更好地隐藏联系信息或使用虚拟数据。 - Jon P

Answer 1

我认为 href 在a元素上可用，但不适用于ion-item元素。因此，您需要使用以下内容之一：

<a ion-item href="tel:..."><ion-icon>...</ion-icon></a>

或者

<ion-item>
    <a href="tel:..."><ion-icon>...</ion-icon></a>
</ion-item>

在这些示例中，用适当的内容替换...。

- bishop

Answer 2

从你的HTML中调用这个方法

<button ion-button (click)="callNumber(1236547890)">Call Number</button>

在.ts文件中写入以下内容

callNumber(phoneNumber){
    window.open('tel:' + phoneNumber, '_system');
}

必须在iOS和Android上工作

- Suryakant kumar