Comment rendre le numéro de téléphone d'un contact cliquable pour appeler et envoyer un message en ionique?

J'ai cloné le projet ionique de GitHub

Bien que le numéro de téléphone du contact ne soit pas accessible à l'appel et au message. Donc, pour la ligne de fichier index.html 39, j'ai converti à partir de

<p ng-if="contact.emails.length > 0">{{contact.emails[0].type}} : {{contact.emails[0].value}}</p>

 <p ng-if="contact.phones.length > 0">{{contact.phones[0].type}} : <a ng-href='{{contact.phones[0].value}}'>{{contact.phones[0].value}}</a></p>

Mais il s'avère que l'application ne chargera plus les informations de contact.

Y at-il quelque chose que j'ai manqué ou est-ce que je suis totalement faux d'envoyer des données?

Pour faire un appel téléphonique avec ionic, vous devez ajouter ce code dans confi.xml

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

Et à votre avis, vous devez ajouter:

 <a ng-href=tel:{{user.phoneNumber}} class="button button-positive">Call me</a>

Mettre à jour:

Je viens de remarquer qu'il est (probablement) un problème avec le chargement des données et non le lien lui-même. Devrais-tu voir ton code de contrôleur pour en savoir plus sur pourquoi il ne remplit pas le ng-href s'il ne s'agit pas du problème ci-dessous …

Précédemment:

L'utilisation de l'href suivant devrait suffire à déclencher un appel:

tel:' + number

Angulaire (qui est ionique) n'apprécie rien d'inhabituel dans un hore d'ancre à moins que vous ne le disiez que vous le souhaitez. Vois ici:

http://forum.ionicframework.com/t/ng-href-tel-redirecting-to-call-with-empty-number/4567/2

La solution la plus rapide, si vous voulez simplement que cela fonctionne, c'est à votre avis:

 <p ng-if="contact.phones.length > 0">{{contact.phones[0].type}} : <a href="#" ng-click="triggerCall('{{contact.phones[0].value}}')">{{contact.phones[0].value}}</a></p>

Et ensuite dans votre contrôleur:

 $scope.triggerCall = function(number){ document.location.href = 'tel:' + number }