最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - How to make a contact's phone number clickable to call and to send a message in ionic? - Stack Overflow

programmeradmin5浏览0评论

I cloned the ionic project from GitHub

While the contact's phone number is not clickable to call and message. So for the index.html file line 39, I converted from

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

to

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

But it turns out the app will not load any contact's information anymore.

Is there anything I missed or am I totally wrong on sending data?

I cloned the ionic project from GitHub

While the contact's phone number is not clickable to call and message. So for the index.html file line 39, I converted from

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

to

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

But it turns out the app will not load any contact's information anymore.

Is there anything I missed or am I totally wrong on sending data?

Share Improve this question edited Aug 2, 2015 at 22:37 Wandering Fool 2,2783 gold badges21 silver badges48 bronze badges asked Aug 2, 2015 at 18:53 PhotunixPhotunix 2271 gold badge3 silver badges8 bronze badges 3
  • We need to see the value of the variable you are passing to ng-href. All that the anchor tag needs to have passed is href="tel:numberwithnospacesordashes". – tuckerjt07 Commented Aug 3, 2015 at 1:30
  • In fact could you throw the controller code that populates those values up as well? It will help with diagnosis. – tuckerjt07 Commented Aug 3, 2015 at 1:31
  • Did you install plugin ? cordova plugin add org.apache.cordova.contacts ? – macrog Commented Aug 13, 2015 at 9:21
Add a ment  | 

2 Answers 2

Reset to default 8

to make phone call with ionic you need to add this code in confi.xml

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

and in your view you need to add:

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

Update:

I've just noticed it's (probably) an issue with loading data not the link itself. Would need to see your controller code to know more about why it's not populating the ng-href if it's not the issue below...

Previously:

Using the following href should be enough to trigger a call:

tel:' + number

Angular (which ionic sits on) doesn't like anything unusual going into an anchors href unless you tell it you want it to. See here:

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

The quickest fix, if you 'just' want it to work is this in your view:

<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>

and then in your controller:

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

与本文相关的文章

发布评论

评论列表(0)

  1. 暂无评论