Angular应用的入口

index.html里有一个自定义标签app-root:

这个app-root是app.component的选择器selector：

app.component.ts里，通过export关键字输出的名称为AppComponent. 为什么运行时会加载这个AppComponent呢？

在NgModule app.module.ts的bootstrap属性里定义的：

那么打开应用，为什么会加载这个app.module的NgModule？

在main.ts里指定的：

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { environment } from './environments/environment';import { AppModule } from './app/app.module';if (environment.production) {enableProdMode();
}alert("h11");
platformBrowserDynamic().bootstrapModule(AppModule);

main.js为何会被调用呢？在Angular项目的配置文件Angular.json里：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

Angular应用的入口相关推荐

Angular2 RC6 Route学习
前言 Angularjs2终于最新的week Conf没有显示会出现RC7,也就意味着下次就是stable了,不会有break changes了.闲话少说. 路由的功能在SPA应用的地位无可置疑,an ...
Angulary应用依赖里的platform-browser
我在做Angular开发时,发现html element的property是通过platform-browser.js里的setAttribute方法设置的: 展开node_modules文件夹下面的 ...
angularAMD快速入门
ngularAMD是作者 marcoslin 使用 RequireJS + AngularJS开发的前端mvvm框架,因此你可以使用它快速创建一款Web App.他特别适合快速开发SPA应用,适当的和 ...
.Net Core应用框架Util介绍（三）
上篇.Net Core应用框架Util介绍(二)介绍了Util的开发环境,并让你把Demo运行起来.本文将介绍该Demo的前端Angular运行机制以及目录结构. 目录结构在VS上打开Util De ...
快速搭建Web环境 Angularjs + Express3 + Bootstrap3
2019独角兽企业重金招聘Python工程师标准>>> 快速搭建Web环境 Angularjs + Express3 + Bootstrap3 AngularJS体验式编程系列文章, ...
angularJS第三讲
今天要说的是AngularJS里面的指令 AngularJs第三讲指令:就是扩展了HTML的基本功能,通过额外的标签.属性来增强HTML功能,按照常见的指令,可以把指令划分为五大类,分别是控制指令. ...
为什么我们需要给 Angular library 创建多重入口 multiple entry point
原文:Creating Secondary Entry Points for your Angular Library 自从 Angular 库功能(从 Angular 7 开始)发布以来,现在开发 ...
Angular开山篇
1:环境搭建今天给大家介绍4种环境搭建的方法. 一:Angular-cli的安装官方指导文档:www.angular.cn/guide/quickstart 请使用cnpm来安装,或者配置淘宝镜像 ...
Angular动态创建组件之Portals
本文主要介绍使用Angular api 和 CDK Portals两种方式实现动态创建组件,另外还会讲一些跟它相关的内容.如:Angular多级依赖注入.ViewContainerRef,Portal ...

Angular应用的入口

Angular应用的入口相关推荐

最新文章

热门文章