如何在单向绑定中使用模板字符串？

Question

你知道如何将模板字符串与插值混合吗？ 这条线不起作用。

<a [href]='`#/emailing/scenario/${marketing._id}`'>{{marketing.name}}</a>

谢谢！ PS：我知道下面的陈述可以用不同的方式重写，只是为了这个例子。

Answer 1

确实这应该有用

[href]="'#/emailing/scenario/' + marketing._id"

<强> Plunker Example

或

href="#/emailing/scenario/{{marketing._id}}"

Plunker Example

在模板中使用es6字符串格式会很好，但AFAIK还不支持

Answer 2

显然，您无法在组件模板中使用 $ {} 字符串模板语法。如果您出于某种原因强烈希望使用该语法，则可以按如下方式在组件中定义getter：

get url(){
   return `#/emailing/scenario/${this.marketing._id}`;
}

然后将其绑定在模板中：

<a [href]='url'>{{marketing.name}}</a>

Answer 3

应该是

<a href='#/emailing/scenario/{{marketing._id}}'>{{marketing.name}}</a>