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

Angular启动过程介绍相关推荐

symfony入门学习资料之十六：Symfony框架启动过程介绍
symfony入门学习资料之十六:Symfony框架启动过程介绍 Symfony框架的核心本质是把Request转换成Response的一个过程.从入口文件(web_dev.php)的源码可以看个大概 ...
Android KK(4.4) 以太网和DHCP启动过程介绍
Android KK(4.4) 以太网和DHCP启动过程介绍 1. ethernet启动流程 2. DHCP启动过程 2.1 JNI层接口 2.2 DHCP客户端(libnetutils) 2.3 D ...
iOS程序的启动过程介绍
大家在学习iPhone开发时候,都会写HelloWorld程序.大家一般都是通过向导,生成项目,然后通过模拟器启动应用程序.但是大家知道其背后的启动过程吗?也就是当点击程序图标启动程序开始到退出程序整 ...
RocketMQ源码：Broker启动过程介绍
1. 简介 Broker 启动入口是 BrokerStartup.java => main() ,跟上一篇讲的 NameSrv 类似,首先会从启动命令判断 -c 参数,读取自定义配置文件.然后创 ...
androidP wpa_supplicant启动参数以及过程介绍
大致的启动参数如下: service wpa_supplicant /vendor/bin/hw/wpa_supplicant \ -O/data/vendor/wifi/wpa/socket ...
WorldWind Java 版学习：1、启动过程
一.JOGL使用介绍使用 JOGL,需要构造GLCapabilities.GLCanvas 和 GLEventListener 的对象,其中 GLCapabilities 对象用于构造 GLCanv ...
Android内核开发：图解Android系统的启动过程
本文是<Android内核开发>系列的第六篇文章,前面的几篇文章介绍了Android内核开发相关的基础知识,包括:Android源码的下载.版本和分支介绍.编译和烧写等等,从本文起就要开始 ...
world wind java_WorldWind Java 版学习：1、启动过程
一.JOGL使用介绍使用 JOGL,需要构造GLCapabilities.GLCanvas 和 GLEventListener 的对象,其中 GLCapabilities 对象用于构造 GLCanv ...
已通过os信号请求关闭服务器,redis（一）内部机制的介绍和启动过程
redis(一)内部机制的介绍和启动过程 redis的基本介绍 redis服务端 redis客户端 redis的持久化 redis中的文件事件和时间时间 redis的启动过程 redis的基本介绍 r ...

Angular启动过程介绍

Angular启动过程介绍相关推荐

最新文章

热门文章