anglejs内の名前へのmailtoのリンクを表示

Question

私は顧客の名前を表示する必要があるAngularJsアプリケーションに取り組んでいますが、彼のメールアドレスに電子メールでリンクするにはメールを送るべきです。 例：名前がBobと電子メールである場合には、私は電子メールのプロパティを持っている

<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> 

以下のようにのようにボブのクリック時に、それはbob@a.com

私のhtmlへのメールを表示する必要があり、bob@a.comです。そのgroupObj.accountExecutiveEmailどのように私はhtmlでこれを行うのですか？

Answer 1

次のコードでは、あなたのケースで動作するはずです：

<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 2

ちょうどあなたがあなたのテンプレートにこのような何かを追加することができますmailtoリンク

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

Answer 3

を使用します。<a>タグで

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

Answer 4

mailto:を移動するための方法です。

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Email_links

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