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里:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 一个最简单的SAP UI5应用部署到SAP云平台CloudFoundry环境后,自动生成了哪些资源

    该MTA应用除了名为app的HTML5 module外,还包含mta_app_Router和mta_app_ui_deployer:

    Jerry Wang
  • Application dependency determination tool

    Create a report with following abap code:

    Jerry Wang
  • Application dependency determination tool

    Create a report with following abap code:

    Jerry Wang
  • angular2路由预加载

    用户1437675
  • Flask框架(二)

    1.app.befor_request装饰过得函数在真正的响应函数之前执行,可以有多个,当有多个的时候,执行顺序是谁在前面谁先执行。

    GH
  • Flask 系列之 优化项目结构

    首先,在 todolist\app\templates\errors 目录下创建一个 400.html 文件,示例代码如下所示:

    py3study
  • .NET 云原生架构师训练营(模块二 基础巩固 HTTP管道与中间件)--学习笔记

    ASP.NET Core 中间件:https://docs.microsoft.com/zh-cn/aspnet/core/fundamentals/middl...

    郑子铭
  • Android 组件化开源app -开眼短视频(OpenEyes)

    该开源项目采用组件化的方式开发,使用MVVM + AndroidX + jetpack 组件为基本架构进行开发。

    darryrzhong
  • .NET 云原生架构师训练营(模块二 基础巩固 HTTP管道与中间件)--学习笔记

    ASP.NET Core 中间件:https://docs.microsoft.com/zh-cn/aspnet/core/fundamentals/middl...

    郑子铭
  • 慕课网Flask构建可扩展的RESTful API-1. 起步与红图

    1.蓝图的作用并不是用来拆分视图函数的,而是用来拆分模块的 2.使用蓝图,统一个业务模型的试图函数的前缀都一样,代码重复啰嗦

    Meet相识

扫码关注云+社区

领取腾讯云代金券