Phone calls from ng-href="" link doesnt work on ios and android device

[eLevarJFerreira]

Continuing the discussion from Making Phone Call from App - href="tel:123":

@eLevarJFerreira

Hi guys, i cant seem to get tel: to work on the device, it works fine on browser and on emulator, but not in any real device android or ios, so here is my setup:
Cordova CLI : 5.1.1
Gulp version: CLI version 3.9.0
Gulp local:

ionic Version: 1.0.1
Ionic CLI Version: 1.5.5
Ionic App Lib Version: 0.2.2
OS:w7
Node Version: v0.12.4

this is my view:

       <div class="list">
      <a class="item item-thumbnail-left item-icon-right" ng-href="tel:{{lodging.custom_fields.client_name}}" collection-repeat="lodging in lodgings track by lodging.id">
lodging.custom_fields.client_name is actually his phone that is something like: +351923999999

my config.xml

<access origin="tel:*" launch-external="yes"/>
<access origin="geo:*" launch-external="yes"/>
<access origin="mailto:*" launch-external="yes"/>
<access origin="sms:*" launch-external="yes"/>
<access origin="market:*" launch-external="yes"/>
<access origin="https://*" launch-external="yes"/>
<access origin="http://*" launch-external="yes"/>
<access uri="*" subdomains="true"/>

my app config:

app.config(function($stateProvider, $urlRouterProvider, $compileProvider){


$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|geo|mailto|tel|chrome-extension):/);
$compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|ftp|file|blob|content):|data:image\//);

can someone help me with this?

[JerryBels]

Hey man,

I had success making it work on both IOS and Android. Simply with this :

<a href="tel:+0123456789">

And

<access origin="tel:*" launch-external="yes"/>

Since you did it well, I would suggest you to try it without ng-href see if a simple href works already, if it does that may help you figure out where is the issue. Good luck…

[eLevarJFerreira]

Hey @JerryBels! did you got it to work on real devices? because it works fine on an android emulator like genymotion.

[JerryBels]

Hey,

yes, of course, I wouldn’t have answered if it wasn’t the case It works on a Nexus 5, a Oneplus One and an Iphone 5 at least. Those are the ones I tested on.

Have you tried regular href and static phone number in place of ng-href ?

[izureru]

I had a similar problem in that the phonepad wasn’t coming up on iOS devices. I tried all the suggestions here and I was still unsuccessful. The answer lied in swapping ng-href for href as suggested and adding
<allow-intent href="tel:*" /> to the config.xml. Hopefully helpful to someone else

Cordova Version: 6.4.0
Ionic Version: 2.1.18