Angular项目的启动过程

大家都知道Angular有很多的优点,包括:

横跨所有平台

学会用Angular构建应用,然后把这些代码和能力复用在多种多种不同平台的应用上 —— Web、移动 Web、移动应用、原生应用和桌面原生应用。

速度与性能

通过Web Worker和服务端渲染,达到在如今(以及未来)的Web平台上所能达到的最高速度。

Angular让你有效掌控可伸缩性。基于RxJS、Immutable.js和其它推送模型,能适应海量数据需求。

美妙的工具

使用简单的声明式模板,快速实现各种特性。使用自定义组件和大量现有组件,扩展模板语言。在几乎所有的IDE中获得针对Angular的即时帮助和反馈。所有这一切,都是为了帮助你编写漂亮的应用,而不是绞尽脑汁的让代码“能用”。

那么Angular的项目是如何启动的呢?我们来尝试一下:

1.Angular应用在启动时首先会去angular.json这个配置文件中去寻找要加载的页面和脚本。

加载的是src/index.html和src/main.ts

2.去main.ts中找到声明指定的主模块app.module

3.去app.module中找到指定的主组件AppComponent

4.去app.component中找到指定的选择器,模板和样式等等

5.最后,将组件渲染到index.html中的选择器中

 

评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值