angular 手动编译_如何手动启动 Angular 程序

最新推荐文章于 2021-07-11 20:58:27 发布

weixin_39885067

最新推荐文章于 2021-07-11 20:58:27 发布

阅读量356

点赞数

文章标签： angular 手动编译

本文链接：https://blog.csdn.net/weixin_39885067/article/details/112945459

版权

本文详细介绍了如何在Angular中手动启动程序，包括手动编译和使用ngDoBootstrap方法。通过示例展示了如何根据运行时决定的组件启动应用，解释了平台和应用程序的关系，以及在AOT编译中的应用。

摘要由CSDN通过智能技术生成

原文链接：How to manually bootstrap an Angular applicationblog.angularindepth.com

Angular 官方文档写到，为了启动 Angular 程序，必须在 main.ts 文件里写上如下代码：

platformBrowserDynamic().bootstrapModule(AppModule);

这行代码 platformBrowserDynamic() 是为了构造一个 platform 的定义是(译者注：为清晰理解，platform 定义不翻译)：the entry point for Angular on a web page. Each page has exactly one platform, and services (such as reflection) which are common to every Angular application running on the page are bound in its scope.

同时，Angular 也有 ApplicationRef 标记(token)作为参数注入从而获取其实例。上文的 platform 定义也隐含了一个 platform 可以拥有多个 application 对象，而每一个 application 对象是通过 bootstrapModule 构造出来的，构造方法就像上文 main.ts 文件中使用的那样。所以，上文的 main.ts 文件中代码，首先构造了一个 platform 对象和一个 application 对象。译者注：

Platform->Application:Many

Application->AppModule:bootstrapModule

当 application 对象被正在构造时，Ang