2017-02-02 5 views
0

私のAngular 2アプリでは、md-menuとmd-icon-buttonを使用して電子メールアドレスのポップアップを表示しています。クリックしたときにユーザーのデフォルトの電子メールセットアップを実際に起動するようにポップアップする電子メールアドレスが必要です。文字列補間でデータを取り込むので、これらの電子メールを文字列補間で生成する必要もあります。これは私が今持っているものです:あなたは{{record.email}}参照角2の文字列補間による電子メールリンクの生成

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

、私はデフォルトの電子メールの動作がトリガされるように、(基本的にmailtoのように:機能)これを構造化する必要がある場所それはです。 Angular 2ではどのようにすればいいですか?

私はこのようなことをしますか?

<button md-menu-item><a href="mailto:{{record.email}}"></a></button> 

もっと良い方法がありますか?

答えて

3

あなたはHREFプロパティにバインドすることができます

文字列の補間を使用して

<a [href]="'mailto:' + record.email"></a>

+0

を、これはエラーをスローします。 Muirik

+0

はい、あなたはここで、{{..}}補間括弧は必要ありません。あなたが何らかの理由で[href]プロパティ –

+0

に式をバインドするとき、私はNgDialogに:focus {outline:0;}を追加しなければなりませんでした。そうでなければ、常に青いアウトラインになります。 –