在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