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中工作