javascript - 在 Angular 2 中使用字符串插值生成电子邮件链接

标签 javascript angular angular2-routing

在我的 Angular 2 应用程序中,我使用 md-menu 和 md-icon-button 来显示带有电子邮件地址的弹出窗口。我希望弹出的电子邮件地址在单击时实际触发用户的默认电子邮件设置。因为我通过字符串插值提取数据,所以我还需要使用字符串插值生成这些电子邮件。这就是我现在拥有的:

<md-menu #emailMenu="mdMenu">
<button md-menu-item>{{record.email}}</button>
</md-menu>

<button md-icon-button [mdMenuTriggerFor]="emailMenu">
<md-icon>mail_outline</md-icon>
</button>

在您看到 {{record.email}} 的地方,我需要构建它以便触发默认电子邮件行为(基本上类似于 mailto: 函数)。我如何在 Angular 2 中执行此操作?

我会做这样的事情吗?

<button md-menu-item><a href="mailto:{{record.email}}"></a></button>

或者有更好的方法吗?

最佳答案

您可以绑定(bind)到 href 属性:

<a [href]="'mailto:' + record.email"></a>

关于javascript - 在 Angular 2 中使用字符串插值生成电子邮件链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42014500/

相关文章:

java - 在我正在连接的服务器上跟踪日志并在网页上动态显示

javascript - 在 JavaScript 中创建新的数据类型

Angular2 - formData 值作为 null 传递给 HTTP POST

Angular2 CanActivate 守卫不工作

javascript - 取消选中所有输入后检查所有输入

javascript - 简单的 JavaScript 不起作用

angular - 让 Amazon Cognito 使用 angular2 和 typescript

angular - 错误 : In this configuration Angular requires Zone. js

ASP.NET 5 + Angular 2 路由(模板页面不重新加载)

javascript - 在 angular2 rc4 问题中找不到 RouteConfig 函数(纯 JS)