在Angular中，如何根據需要加載模板html

我正在使用angular 4.0，並且使用angular-cli設置項目。創建組件時，模板被指定爲模板url，並將html創建爲單獨的html文件。在Angular中，如何根據需要加載模板html

@Component({ 
    selector: 'values', 
    templateUrl: './values.component.html', 
    providers: [ValuesService] 
    //styleUrls: ['./values.component.css'] 
})

angular-cli.json已OUTDIR列爲單獨的文件夾，它創建的所有* .bundle.js文件，當我運行ng build

當我運行構建它包含了我所有的HTML文件到main.bundle.js這使我文件大小很大。

我的問題是如何使之從服務器加載的組件需要一個HTML文件，而不是所有的文件都是預先加載

來源

2017-06-12 Praneeth

在角可以加載在需求模塊（延遲加載），但你不能加載單個組件，您需要將所有模塊放在組件的哪個位置。

您可以使用loadChildren作爲需求充電模塊，而不是從頭開始爲整個應用程序充電。延遲加載到後端，並帶來您選擇的模塊，但不收取單個組件，這是不可能的。與模塊的角度工作

來源

2017-06-12 16:45:43 alehn96

這對我來說並不合適。如果我只有一個模塊和很多html組件的話。它可以加載所有的組件，但懶惰加載HTML，因爲它需要它時，否則它最後的太大的js文件。 – Praneeth

我認爲，如果你有一個模塊，它會完成前端，Angular不會發送到前端的單個組件，始終發送包含組件的模塊 – alehn96

在Angular中，如何根據需要加載模板html

回答

相關問題