Zeige Mailto-Link zum Namen in angularjs

Question

Ich arbeite an AngularJs App, wo ich den Namen des Kunden anzeigen muss, aber es sollte per E-Mail an seine E-Mail-Adresse per E-Mail zu verknüpfen. Beispiel: Wenn der Name ist Bob und E-Mail ist bob@a.com, dann klicken Bob es Mail an bob@a.com

meine html wie unten

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

zeigen sollte ich E-Mail-Eigenschaft haben. Sein groupObj.accountExecutiveEmail. Wie mache ich das in HTML?

Answer 1

Der folgende Code sollte in Ihrem Fall:

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

Prost:

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

So Ihre endgültige HTML wie folgt aussehen!

Answer 2

Verwenden Sie einfach einen mailto Link

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

Answer 3

Sie können so etwas zu Ihrer Vorlage hinzu:

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

Answer 4

mailto: in einem <a>-Tag ist der Weg zu gehen.

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

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