javascript - Typescript/Javascript : mailto with subject, 正文和链接数组

标签 javascript angular typescript

我在 Angular 4 上工作。点击超链接我必须打开 outlook,在邮件中我必须发送 4 个链接。所以我计划从我的 typescript 文件中调用 mailto。我的代码是

    <span (click)="mailMe()">Mail me the links</span>


    var links= ["link1.com", "link2.com", "link3.com"];
    mailMe(){
        console.log("111111");
        var mail = document.createElement("a");
        console.log("22222");
        mail.href = "mailto:abc@abc.com?subject=files&body=Hi";
        mail.click();
    }

我可以调用函数,但邮件没有弹出。在控制台中 111111 正在打印,但 22222 未打印。我哪里做错了?或者有什么方法可以从 HTML 本身发送链接数组?

最佳答案

你想达到这样的效果

<a href="mailto:xyz@example.com?Subject=Hello&body=links:  %0D 
         http://link1.com  %0D http://link1.com " target="_top">Send Mail</a>

在 angular 中你可以这样做,在 html 中

<a [href]="emailstring" target="_top"></a>

在ts文件中这样做

 emailstring= "mailto:xyz@example.com?Subject=Hello&body=links:  %0D 
             http://link1.com  %0D http://link1.com";

还没有用 Angular Testing ,但用纯 html 检查它。及其在 Chrome 上的工作。

关于javascript - Typescript/Javascript : mailto with subject, 正文和链接数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50637901/

相关文章:

javascript - ReferenceError : 'x' is not defined - asp.net mvc 局部 View 和 jQuery/JavaScript - 将整个模型传递给操作方法

javascript - 如何将 getter 值绑定(bind)到 HTML 中?

Angular2 [selected] 设置默认值不起作用?

typescript - Aurelia + typescript + @bindable

angular - 自定义 ExceptionHandler 变化检测滞后

javascript - D3.js 栏未显示

javascript - 如何检测页面上的链接 PDF 并显示使用 jquery 下载 Adob​​e 阅读器的消息?

TypeScript - 变量在某些无法确定其类型的位置隐式具有类型 'any'

javascript - 将其他文件中的值对象调用为对象值

Angular cdk 滚动 : Updating Data Source not represented in view