Angular启动过程介绍

1、启动时加载了哪个页面？

2、启动时加载了哪些脚本？

3、这些脚本做了什么事？

打开Angular的命令行文件.angular-cli.json。apps节点下面。

首先加载 index.html 页面。

此时浏览器显示index.html的内容。

再加载main.ts脚本

"apps" : [

{

.........

"index" : "index.html" ,

"main" : "main.ts" ,

.........

}

],

打开main.ts文件

执行步骤：

加载一些模块。

设置环境

启动模块 AppModule

打开\src\app\app.module.ts

里面导入了一些模块。

最后AppModule 模块执行的组件是AppComponent。

进入 AppComponent 组件，AppComponent组件在index.html中查找'app-root'节点

把templateUrl，styleUrls内容在app-root里显示。

此时浏览器显示 app works！

完成

-------------

更多的Java，Angular，Android，大数据，J2EE，Python，数据库，Linux，Java架构师，教程，视频请访问：

http://www.cnblogs.com/zengmiaogen/p/7083694.html