Angular启动过程介绍

前端之家收集整理的这篇文章主要介绍了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!

完成

原文链接:https://www.f2er.com/angularjs/147077.html

猜你在找的Angularjs相关文章