显示mailto链接到angularjs中的名称

Question

我正在AngularJs应用程序上工作，我需要显示客户名称，但是它应该通过邮件链接到他的电子邮件地址。 例如：如果名称是Bob ，电子邮件是bob@a.com ，则在单击Bob时，应该显示邮件到bob@a.com

我的HTML如下

<div class="form-group mg-t20" ng-hide="!groupObj.accountExecutiveName">
            <label class="wd50p control-label left fw-norm">Account Executive:</label>
            <div class="wd48p blue-txt">
                {{groupObj.accountExecutiveName}}
            </div>
        </div>

我有电子邮件属性。 其groupObj.accountExecutiveEmail 。 如何在html中执行此操作？

Answer 1

您可以在模板中添加以下内容：

 <a ng-href="mailto:{{groupObj.accountExecutiveEmail}}" target="_blank">
     {{groupObj.accountExecutiveName}} --> here will be the item's name
 </a>

Answer 2

mailto:使用<a>标记。

https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/Email_links

<a href="mailto:bob@a.com">Bob</a>

Answer 3

以下代码适用于您的情况：

<a ng-href="mailto:{{ groupObj.accountExecutiveEmail }}" target="_blank"> 
  {{ groupObj.accountExecutiveName }}
</a>

因此，您的最终HTML将如下所示：

<div class="form-group mg-t20" ng-hide="!groupObj.accountExecutiveName">
    <label class="wd50p control-label left fw-norm">Account Executive:</label>
    <div class="wd48p blue-txt">
        <a ng-href="mailto:{{ groupObj.accountExecutiveEmail }}" target="_blank"> 
        {{ groupObj.accountExecutiveName }}
        </a>
    </div>
</div>

干杯!

Answer 4

只需使用mailto链接

<a ng-href="mailto:{{groupObj.accountExecutiveEmail}}">Send email</a>

Answer 5

Angular2 +：

<a [href]="'mailto:' + groupObj.accountExecutiveEmail" target="_blank">Send mail</a>