href =“tel：”不适用于离子3

Question

Href =“tel”不能用于离子3，这是我的代码

<ion-item color="none" href="tel:(51) 9 9222 - 7607">
  <ion-icon name="call" item-left></ion-icon>
  Contato: {{ property.contato1 }}
</ion-item>

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>

（在这些示例中，将...替换为适当的内容。）

Answer 2

从你的HTML调用这个方法

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

并在.ts写这个

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

必须在ios和android中工作