Angular启动过程介绍

发布时间：2020-12-17 09:12:10 所属栏目：安全来源：网络整理

导读：1、启动时加载了哪个页面？ 2、启动时加载了哪些脚本？ 3、这些脚本做了什么事？打开Angular的命令行文件.angular-cli.json。apps节点下面。首先加载 index.html 页面。此时浏览器显示index.html的内容。再加载main.ts脚本 "apps" : [ { ......... "inde

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

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

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

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

 
 首先加载 index.html 页面。 

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

 
 再加载main.ts脚本 

 
 "apps" 
 : [ 

{

 
 ......... 

 
  
 "index" 
 :  
 "index.html" 
 , 

 
 "main" 
 "main.ts" 
  
 ......... 

}

],

 
 打开main.ts文件 

 
 执行步骤： 

 
 加载一些模块。 

 
 设置环境 

 
 启动模块 
 AppModule 

 
 打开srcappapp.module.ts 

 
 里面导入了一些模块。 

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

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

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

 
 此时浏览器显示 app works！ 

完成

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!