Question

我正在使用角度4.0，并使用angular-cli设置项目。创建组件时，模板指定为模板url，html创建为单独的html文件。

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

angular-cli.json将outDir列为单独的文件夹，在我运行ng build时创建所有* .bundle.js文件

当我运行构建时，它将我的所有html文件都包含在main.bundle.js中，这使我的文件大小变大。

我的问题是如何让它从服务器加载，因为组件需要html文件而不是所有文件都预先加载

Answer 1

In angular you can load module in demand (lazy loading), but you can not load a single component, you need bring all module where is the component.

You can use loadChildren for charge module in demand and not charge the entire application from beginning. Lazy loading go to backend and brings the module that you selected, but not charge single component, not is possible. Angular work with module

在Angular中，如何按需加载模板html

1 个答案: