Mixing ES6 Template Literals with Angular Expressions

Question

I have the following bit of text as a value in a key - value pair:

`${site.name} was added successfully.<br>
The URL for this site is
<a href="{{ 'domain' | i18n: {url: domain} }}" target="_blank">
{{ 'domain' | i18n: {url: domain} }}</a>.`,

It seems like because I am mixing template literals and and Angular expressions, I am unable to get the expression to print out the value, and it instead just prints: {{ 'domain' | i18n: {url: domain} }}

Any ideas on how to combine both?

Thanks

Ahh I haven't used 4 much so can't really help. My first thought was to use `$interpolate` in Angular 1 but I think that has been removed in Angular 2+. Maybe this [post will help](https://stackoverflow.com/questions/44077994/angular2-evaluate-template-from-string-inside-a-component). — MisterMystery, Jan 03 '18 at 16:19

score 0 · Answer 1 · answered Jun 12 '19 at 05:29

0

You could do this:

[
  `${site.name} was added successfully.<br>`,
  `The URL for this site is`,
  `<a href="`,
  "{{ 'domain' | i18n: {url: domain} }}",
  '" target="_blank">',
  "{{ 'domain' | i18n: {url: domain} }}</a>"`
].join('');

answered Jun 12 '19 at 05:29

SHRUTHI BHARADWAJ

587
2
5
15

Mixing ES6 Template Literals with Angular Expressions

1 Answers1