在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

回答

相关问题