{"id":2449,"date":"2015-12-22T13:06:56","date_gmt":"2015-12-22T13:06:56","guid":{"rendered":"http:\/\/www.nikola-breznjak.com\/blog\/?p=2449"},"modified":"2015-12-22T13:10:59","modified_gmt":"2015-12-22T13:10:59","slug":"how-to-send-an-email-in-ionic-framework-application","status":"publish","type":"post","link":"https:\/\/nikola-breznjak.com\/blog\/javascript\/ionic\/how-to-send-an-email-in-ionic-framework-application\/","title":{"rendered":"How to send an email in Ionic framework application?"},"content":{"rendered":"

\"profile<\/a>
\nI’m a big fan of Stack Overflow<\/a> and I tend to contribute regularly (am currently in the top 0.X%<\/a>).\u00a0In this category (stackoverflow<\/a>)\u00a0of posts, I will be posting my top rated questions and answers. This, btw, is allowed as explained in the meta thread here<\/a>.<\/p>\n

As you may know, I’m really into Ionic framework lately\u00a0and am helping out on StackOverflow with the knowledge I gained so far with the framework. I’m in the top All time answerers<\/a> list.<\/p>\n

I answered this question<\/a> by user\u00a0varun:<\/p>\n

I have a simple page with 3 textbox and a button like this.<\/p>\n

<input type=\"text\" ng-model=\"name\" required >\r\n<input type=\"text\" ng-model=\"city\" required >\r\n<input type=\"text\" ng-model=\"country\" required >\r\n\r\n<button class=\"button button-block button-royal ExploreBtn\" ng-click=\"sendMail();\">\r\nSend mail               \r\n<\/button><\/pre>\n
Help me , How to send mail with value in first text-field as subject and other two as body in angular js\/ionic.<\/p><\/blockquote>\n
My answer<\/a> was rather elaborate:<\/p>\n
So, basically the comments to your question are correct – you can’t do this purely in JavaScript, you need to use a backend service for it.<\/p>\n
Now, what you would do in your sendMail<\/code> function is call the service by using Angulars’ $http<\/code>service. You can learn more about $http service from the official documentation<\/a>.<\/p>\n
The call would, for example look like this:<\/p>\n
$http({\r\n    method: 'POST',\r\n    url: 'http:\/\/your.server.com\/sendmail.php',\r\n    data: { mailTo: 'me@gmail.com', msg: 'hello!' }\r\n}).then(function successCallback(response) {\r\n    alert(\"msg sent!\");\r\n}, function errorCallback(response) {\r\n    alert(\"error with sending a msg\");\r\n});<\/pre>\n
Here you have two important parts:<\/p>\n