Ionic 1: Link not working in popup content

Question

I working with ionic pop-up where inside the popup content, I want a clickable link. The problem is that the link that I created is not working. Can't click them. My code is as follows:

var mypopup = $ionicPopup.show({
   template: '<a href="http://google.com">Google</a>',
   buttons: [{
       text: 'Ok'
   }]
})

Is there any way I can enable a user to click that link and go to Google?

Many thanks!

That clickable with ionic serve you are getting trouble in real device? — Paresh Gami, Aug 10 '17 at 08:01
@PareshGami yes. Unable to click on a real device. Any solution? — Akira Kronic, Aug 10 '17 at 08:03
@PareshGami I have no problem using in-app-browser on a page but not in a pop-up. Got other tips? — Akira Kronic, Aug 10 '17 at 08:05
Working for me. But might be issue with button keyword its buttons not button — Paresh Gami, Aug 10 '17 at 08:22
@PareshGami ops... that's my bad. Unfortunately, the link still not working. Anyway, thanks for your assistant! — Akira Kronic, Aug 10 '17 at 08:50

Vikasdeep Singh · Accepted Answer · 2018-04-19T05:55:44.343

1

Add target="_blank" property inside anchor tag and it will work perfectly fine. It will launch browser.

Your current code:

template: '<a href="http://google.com">Google</a>',

Change to:

template: '<a href="http://google.com" target="_blank">Google</a>',

Here is working codepen snippet:

https://codepen.io/anon/pen/rvaONv?editors=1010

edited Apr 19 '18 at 05:55

answered Apr 19 '18 at 05:50

Vikasdeep Singh

20,983
15
78
104

Ionic 1: Link not working in popup content

1 Answers1