Wie erstelle ich ein "a" -Tag mit einem mailto href und bindAttr an eine Eigenschaft?

8

Ich habe ein Modell mit einer Eigenschaft 'contact_email'. Ich möchte eine Verbindung mit einem mailto: href herstellen.

Ich habe versucht, die etwas offensichtliche <a {{bindAttr href="contact_email"}}>Email</a> zu tun, aber natürlich hat das nicht das mailto: -Bit.

Wie kann ich mailto: mit der Eigenschaft contact_email kombinieren?

    
Tony Pitale 14.01.2013, 02:12
quelle

6 Antworten

10

Im Moment ist der einzige praktikable Ansatz, eine berechnete Eigenschaft zu verwenden (wie Sie in Ihrem Kommentar beschrieben haben).

Eine Sache, die dies erträglicher machen könnte, wenn Sie sich häufig dabei befinden, besteht darin, eine berechnete Eigenschaft "Makro" zu erstellen:

%Vor%

Dann könnten Sie dies in Ihrem Controller tun:

%Vor%     
Yehuda Katz 14.01.2013, 07:46
quelle
5

Registrieren Sie einen einfachen begrenzten Ember Lenker Helfer ( Em.Handlebars.registerBoundHelper )

%Vor%

Und benutze es so:

%Vor%

Verwendetes Modell:

%Vor%

Beide Werte (die E-Mail-Adresse sowie das optionale alternative Etikett) sind an das Modell gebunden und ändern sich bei jeder Änderung des Modells.

Erstellt eine JSFiddle, um das sich ändernde Modell zu demonstrieren: Ссылка

    
s.meijer 05.01.2014 15:28
quelle
3

In der neuesten Version von ember cli könntest du es so machen:

Aus Ihrer Sicht:

%Vor%

In Ihrer Lenkervorlage:

%Vor%

Aktuelle Einstellung zum Zeitpunkt dieses Beitrags:

%Vor%     
Chris Hough 23.05.2014 06:23
quelle
0

Die Verwendung eines Lenkstangenhelfers kann eine generische Lösung für das Problem in all diesen Fällen sein

Sieh dir die Geige an Ссылка

%Vor%     
Ankur Agarwal 14.01.2013 11:08
quelle
0

Ich habe es gerade geschafft, das Emblem wie folgt zu verwenden:

%Vor%

Was bedeutet, dass Sie etwas tun können wie:

%Vor%     
joshudev 22.03.2015 10:56
quelle
0

Probieren Sie den Helfer concat :

<a href={{concat "mailto:" model.emailAddress}}>{{model.emailAddress}}</a>

    
barelyknown 20.02.2016 22:30
quelle

Tags und Links