5

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

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

4

2 回答 2

3

好简单

  1. 转到您的应用程序根目录
  2. 使用附件插件类型安装电子邮件编辑器: cordova plugin add https://github.com/jcjee/email-composer.gitrepo 链接
  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

于 2015-09-30T18:24:55.943 回答
3

这是我在 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>
于 2015-10-13T03:17:36.047 回答