javascript - 将 ES6 模板字面量与 Angular 表达式混合

Question

我在 key - value 对中有以下文本作为值:

`${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>.`,

似乎是因为我混合了模板文字和 Angular 表达式，所以我无法让表达式打印出值，而只是打印:{{ 'domain' | i18n: {url: domain} }}

关于如何将两者结合起来有什么想法吗？

谢谢

Answer 1

你可以这样做:

[
  `${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('');