Question

我有复选框和分享按钮。点击分享按钮，将通过邮件共享所选的复选框链接。邮件正文将有饮食名称，点击该名称，用户将被重定向到其URL。

截至目前我能够存储seteled饮食URL是一个数组和邮件也是pooping，但我看不到超链接，邮件正文看起来像这样。

 Click below

    <a href=www.sugar.com>sugar</a>

我希望它是这样的：

Click below

bread

butter

sugar

面包，黄油，糖将是超链接。我能够形成一个正确的URL，但它不是作为邮件正文中的超链接aapearing.Please指导我如何实现这一点。我哪里做错了？？是否有一种有角度的方式来实现这一目标？

下面是我的工作代码：

ts文件

        import { Component } from '@angular/core';

    @Component({
      selector: 'my-app',
      templateUrl: './app.component.html',
      styleUrls: [ './app.component.css' ]
    })
    export class AppComponent  {
      name = 'Angular 6';
      diets = [{
        'name': 'bread',
        'url': 'www.bread.com'
      },
      {
        'name': 'butter',
        'url': 'www.butter.com'
      },
      {
        'name': 'sugar',
        'url': 'www.sugar.com'
      }];
      downloadURL = [];
     mailText:string = "";


      mailMe(){
        var elements = (<HTMLInputElement[]><any>document.getElementsByClassName("selFile"));
        for (let i = 0; i < elements.length; i++) {
            if (elements[i].type == "checkbox") {
                if (elements[i].checked) {
                  this.downloadURL.push('<a href='
                  +elements[i].value+'>'+elements[i].name+'</a>');
                }
            }
        }
        console.log("this.downloadURL: ",this.downloadURL);
        this.mailText = "mailto:abc@abc.com+?subject=files&body=Click below"+this.downloadURL.join(" ,"); // add the links to body
        window.location.href = this.mailText;
    }



    }

HTML

<div *ngFor="let diet of diets">
<span>
    <input type='checkbox' class="selFile" value="{{diet.url}}" name='{{diet.name}}' />
</span>
<span>{{diet.name}}</span>

份额

Answer 1

如上所述和其他论坛所述，没有直接的方法。

我们究竟需要什么才能创建MIME消息以及发送MIME消息需要SMTP客户端。
所以我认为我们有以下选项（服务器端）：

尝试使用JS Lib to Send Email。没有尝试但似乎可行的选择。
涉及服务器脚本，即调用某些服务器端功能来创建和发送mime电子邮件消息。对于例如使用java，您可以按照SendHTMLEmail发送电子邮件。

注意：很大程度上取决于查看部分，即电子邮件客户端。大多数客户支持html正文电子邮件。

Typescript，Angular：使用mailto为邮件正文添加超链接

1 个答案: