ionic-framework - 如何使用本机电子邮件应用程序使用 ionic 框架发送电子邮件

Question

所以我被困在尝试用离子发送电子邮件。我尝试了许多教程、示例，但除了这个之外没有任何效果：https ://www.thepolyglotdeveloper.com/2014/08/send-email-android-ios-ionicframework/ 。

我将把本教程留在这里。请看下面的答案。

Answer 1

好简单

1. 转到您的应用程序根目录
2. 使用附件插件类型安装电子邮件编辑器： cordova plugin add https://github.com/jcjee/email-composer.git，repo 链接
3. 为您想要的平台重新构建项目，例如 android：ionic build android

4. 现在准备你的 AngularJS 控制器：

   angular.module('myApp').controller('WhatToDoController', function ($scope, $state) {
   
   var whatToDo = this;
   
   /**
    * Sends an email using Email composer with attachments plugin and using
    * parameter email.
    *
    * @param email
    */
   whatToDo.sendEmail = function (email) {
     if (window.plugins && window.plugins.emailComposer) { //check if plugin exists
   
       window.plugins.emailComposer.showEmailComposerWithCallback(function (result) {
           //console.log("Email sent successfully");
         },
   
         null,        // Subject
         null,        // Body
         [email],     // To (Email to send)
         null,        // CC
         null,        // BCC
         false,       // isHTML
         null,        // Attachments
         null);       // Attachment Data
     }
   
   }
   });
   

5. 现在在您的 html 视图中，您可以使用以下方法sendEmail(email)：

   <p>
   Send an email to <a href="#" ng-click="whatToDo.sendEmail('example@email.com')">example@email.com</a>
   </p>
   

6. 尝试在实际的智能手机上使用它，因为在模拟器中，如果您没有配置电子邮件应用程序，它将无法正常工作。

如果您遇到问题或遇到问题，请尝试：https ://www.youtube.com/watch?v=kFfNTdJXVok或https://blog.nraboy.com/2014/08/send-email-android-ios-ionicframework

Answer 2

这是我在 app.js 中使用它的方式：

.controller('EmailCtrl', function($cordovaEmailComposer, $scope) {
$cordovaEmailComposer.isAvailable().then(function() {
   // is available
   alert("available");
 }, function () {
   // not available
   alert("not available");
 });
 $scope.sendEmail = function(){
  var email = {
     to: 'teste@example.com',
     cc: 'teste@example.com',
     bcc: ['john@doe.com', 'jane@doe.com'],
     attachments: [
       'file://img/logo.png',
       'res://icon.png',
       'base64:icon.png//iVBORw0KGgoAAAANSUhEUg...',
       'file://README.pdf'
     ],
     subject: 'Mail subject',
     body: 'How are you? Nice greetings from Leipzig',
     isHtml: true
  };

 $cordovaEmailComposer.open(email).then(null, function () {
   // user cancelled email
  });
 }
});

在我的 index.html 中：

<button ng-click="sendEmail()" class="button button-icon icon ion-email">
   Send mail
</button>