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:
$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|file|sms|tel|unsafe):/);
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 someone@example.com.
Any advice would be very much appreciated. I have looked all over the web and I just cannot get it to work.
Edit:
If I have something like href="mailto:someone@example.com", that works on the Android device. However, if I use ng-href (which I do need to use) and have $scope.myEmail = 'someone@example.com', 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