如何使用本機電子郵件應用程序發送帶離子框架的電子郵件

Question

因此，我試圖用離子發送電子郵件卡住了。我嘗試了很多教程，但是沒有任何工作，除了這個：https://blog.nraboy.com/2014/08/send-email-android-ios-ionicframework/。

我在這裏離開本教程。請參閱下面的答案。

Answer 1

非常容易

1. 轉到您的應用程序根目錄
2. 安裝電子郵件作曲家帶附件插件類型：cordova plugin add https://github.com/jcjee/email-composer.git，link for repo例如用於爲Android所需的平臺
3. 重新構建項目： ionic build android

4. 現在準備好您的AngularJS控制器：

   在模擬器

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

5. 嘗試使用這個在實際的智能手機，因爲如果您有：

   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 
       } 
   
   } 
   }); 
   

6. 現在在你的HTML視圖中可以使用的方法sendEmail(email)沒有配置的電子郵件應用程序將無法正常工作

如果您遇到問題或一些嘗試：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>