将 ES6 模板文字与 Angular 表达式混合答案

【问题标题】：Mixing ES6 Template Literals with Angular Expressions将 ES6 模板文字与 Angular 表达式混合
【发布时间】：2018-06-13 06:41:37
【问题描述】：

我在 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} }}

关于如何将两者结合的任何想法？

谢谢

【问题讨论】：

你使用的是什么版本的角度？
@MisterMystery 4
啊，我没怎么用过 4 所以帮不上忙。我的第一个想法是在 Angular 1 中使用 $interpolate，但我认为它已在 Angular 2+ 中删除。也许这个post will help.

标签： javascript angular ecmascript-6

【解决方案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('');

【讨论】：