Aurelia中的ES6字符串插值

Question

我试图按照aurelia.io上的"入门"部分,并在字符串中的字符串插值有一些问题.

在第一个示例的viewmodel中,'fullName'计算的getter返回一个字符串

return '${this.firstName} ${this.lastName}'

此值在视图(html模板)中用作$ {fullName}.

问题是不显示计算的全名,而是显示实际的返回字符串.我曾尝试使用Chrome和Firefox,但两者都没有显示正确的值.

welcome()函数存在同样的问题,因为它也返回一个字符串值.

我注意到在Aurelia Visual Studio示例中,返回值已更改为实际计算的字符串.

return this.firstName + " " + this.lastName;

我究竟做错了什么？

Answer 1

你的答案是对的.这实际上是ECMAScript 6的一个特征,而不是Aurelia.在ES6中,`字符,而不是'字符,界定模板化字符串.

关于Visual Studio示例,这只是另一种输出相同结果的样式.但是,此样式在ECMAScript 5/JavaScript中有效.您也可以编写以下内容,因为它们都是等效的:

return [this.firstName, this.lastName].join(' ');

Answer 2

我的新手错误.我使用单引号而不是字符串插值字符串的后退.

所以正确的方法是

return `${this.firstName} ${this.lastName}`

对于那个很抱歉.