Ionic 1 mailto not working


My Ionic v1 app uses both “tel:” links and “mailto:” links. I have the cordova-plugin-whitelist installed. The “tel:” links work perfectly, but the “mailto:” links do not work at all.

In the iOS simulator, the mailto link is prefixed with “unsafe:”. Additionally, I am also testing this on a Samsung Galaxy S6 and it doesn’t work on there as well.

In my config.xml:
<allow-intent href="mailto:*" />

In my app.js:

The code I am trying to get working:
<a class="item item-icon-left" ng-href="tel:{{myPhone}}">Call {{myPhone}}</a>
later on…
<a class="item item-icon-left" ng-href="mailto:{{myEmail}}">Email {{myEmail}}</a>

In the above code, the tel works but not mailto

myEmail is in the format of

Any advice would be very much appreciated. I have looked all over the web and I just cannot get it to work.


If I have something like href="", that works on the Android device. However, if I use ng-href (which I do need to use) and have $scope.myEmail = '', and subsequently, ng-href={{myEmail}}", that does not work. So it must have something to do with ng-href.

I am on Ionic CLI version 1.7.15