Angular应用的入口

时间:2022-07-23
本文章向大家介绍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里：

随机文章
Javascript知识点必读
最近更新