angular – 使用反引号运算符进行的字符串插值

我正在学习Angular 2,我遇到了一些新事物.我使用ScratchJS扩展的Chrome浏览器来学习TypeScript.在这样做时,这就是我为反引号(`)字符串所做的：

let user='user';
let msg=`Welcome ${user}! 
I can write multi-line String.

This is awesome!
`;
console.log(msg);

如您所见,这是变量用户在字符串中的使用方式.但是当我在Angular 2项目中做同样的事情时,它有点不同(做上面的事情会引发错误).对于我的虚拟Angular 2项目,我做了一个简单的组件：

import { Component} from '@angular/core';

@Component({
  SELEctor: 'app-user',template: `

      Hi,{{user}}

      I can write multi-line String.

      This is awesome!
  `,styles: []
})
export class UserComponent {

  user:string='John Doe';
  constructor() { 
  }
}

这有效.但在这里,我正在使用字符串插值：

{{}}

代替：

${}

如果我使用它,它将引发错误.我知道我理解了一些错误的事实.但有谁可以解释它是什么？

public getUsername(): String {
    let username = 'test';
    return `Hi ${usernamE}`;
}