Angular2:模板字符串中${..}和{{…}之间的差异

在ES6中，有模板字符串特性，也就是说，我们可以像这样形成/concat字符串（使用backtick）

const name='John'；
const intro=`我的名字是${name}`；
console.log（简介）

Angular表达式

{{}

创建一个由Angular管理的绑定，Angular自动监视对属性的更改，并可以在运行时更改属性值时动态更改属性值，而ES6模板方法只解析一次值，在第一次渲染时。

它们是不同的东西：

${}

在模板字符串中用作占位符，如您所知。这些模板字符串与Angular的模板不同，您不应该在Angular 2模板中使用

${}

。对于初学者来说，如果将模板移动到外部文件，它将不起作用

{{}

是Angular的插值语法，您希望在Angular 2模板中使用它。在组件类中定义属性或方法，并在组件的模板中使用

{{}

插入该属性的值或调用该方法。您还可以使用表达式（

{{a+b/2}}

）和管道（

{{title}大写}}

）

一些资源：

祝你好运