在Angular-CLI中，handlebars何时运行以及HTML模板插值何时发生？

Question

我是一个初学者（Angular-2，Angular-CLI，Handlebars，Web 2.0开发）。我刚刚开始使用Angular-2/CLI，并且我注意到了一些令人困惑的事情。在角CLI生成项目，index.html，我看到：

{{#each scripts.polyfills}} 
<script src="{{.}}"></script> 
{{/each}} 

它，我想，是由车把处理，不知何故？

那么，Angular-2的插值会发生什么，它也使用{{...}}？

难道我不得不摆脱curlies，不知何故，或车把只处理某些文件，或什么？

Answer 1

TL; DR：您可以忽略该语法，不需要转义任何东西。

说明： 当您运行ng build（或类似），您index.html进行解析，生成的文件保存在/dist。 然后将该文件提供给浏览器，并且不包含{{...}}部件。 因此，与Angular的插值完全没有冲突，你不需要转义任何东西。

CLI实际上在内部使用Handlebars，但唯一解析的文件是index.htmlas you can see in the source code。

另请注意，即将发布的使用webpack的angular-cli版本中，此语法完全消失。 （您已经可以use the master branch到现在尝试一下）

而且仅作参考，这也是在Github上讨论： https://github.com/angular/angular-cli/issues/993