I am generating an email with some pre-populated info in my Typescript-driven Angular 2 app. This will generate an email using a user's default email client. Currently this works when I build the string like this in the component:

```
greetingEmail = `user@example.com?subject=Family%20Greeting%20Email&body=message%20goes%20here`;

```

I am using this within an href in the view. My relevant view code looks like this:

```
<a [href]="'mailto:' + greetingEmail" tabindex="-1">Generate Greeting Email</a>

```

But when I try and use an es6/ecma2015 template literal, the email still generates as expected via my defaut email client, but the various fields of the email (i.e., emailAddress, subject, body) show up as 'undefined'. This is what I'm trying:

```
emailAddress: 'user@example.com';
subject: 'Family Greeting Email';
body: 'This is where the body of the email goes...';

greetingEmail = `${this.emailAddress}?subject=${this.subject}&body=${this.body}`;

```

Is there a particular reason why the template literal option won't work in this case, or why the fields would be undefined at runtime? Or is something else at issue?