Angular项目的启动过程

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Baronrothschlid/article/details/83244055

大家都知道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中的选择器中

 

猜你喜欢

转载自blog.csdn.net/Baronrothschlid/article/details/83244055