是否可以避免在Angular 2中使用Javascript中的模板？

Question

我目前正在使用AngularJS構建一個大型Web應用程序。我只是決定從Angular 1.5切換到Angular 2，因爲我需要一些關於變化檢測的性能改進。

Angular 2中似乎沒有ng-app等效物。在NG1中，我只是將我的HTML代碼放入index.html文件中。這允許我縮小它（如模板），但也讓它立即加載。現在使用這種模塊化NG2方法，似乎我必須使用具有模板或templateURL屬性的組件。 templateURL的問題是它增加了一個顯着的負載延遲（這對我的站點上的任何子視圖都不是問題，但它在導航時是我的主頁上的問題，它必須儘快提供），因爲它要求瀏覽器按順序加載文件而不是並行（它首先必須在開始加載模板之前加載並執行Javascript文件）。使用模板屬性的問題是我無法縮小內容。

當然，也可以選擇使用Browserify或Webpack，但我想避免使用這些，因爲它們增加了大量的複雜性，實際上我不希望所有的JavaScript文件都被合併。我將擁有100個我必須手動設置的入口點。

那麼，有沒有辦法直接從index.html使用指令/組件？爲了能夠像Angular 1中那樣做，我只是直接從index.html指定<ng-app>{{sampleData}}</ng-app>而不是先加載另一個模板文件？

Answer 1

有一個插入https://github.com/ludohenin/gulp-inline-ng2-template，你可以用於這個目的。它會將templateurl轉換爲模板。我在我的項目中使用它。 如果看到文檔，還有一種方法可以縮小（使用預處理函數）。雖然我沒有使用過。