href =“ tel：”在ionic 3上不起作用

Question

Href =“ tel”在ionic 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中工作