在我的 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/