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

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? :expressionless: