dynamic href call tag ionic 3 app

Question

I am trying to add a href call action to my Ionic 3 app. I have the phone number stored in a binding {{item.phone}}

I need to add this to an href tag in order to open the phones native app. I am not sure how to bind it to the href tag

<ion-col col-10 href="......">{{item.phone}}</ion-col>

Please assist

score 1 · Answer 1 · answered May 07 '18 at 06:12

1

Not sure what you want to do.

But you can bind to dynamic href like this

<ion-col col-10 [href]="item.phone">{{item.phone}}</ion-col>

or

<ion-col col-10 href={{item.phone}}>{{item.phone}}</ion-col>

answered May 07 '18 at 06:12

Pardeep Jain

What I want to achieve is when the user clicks on the item ie. phone number, the user will get redirected to the phones native dialler. eg href="tel:+27800236368" – skydev May 07 '18 at 06:16
2

ok so this worked `{{item.phone}}` , needed to add an a-tag and add tel: – skydev May 07 '18 at 06:19

1 Answers1