Angular是什么？
Angular是一个前端框架
- 集成了很多常用功能。
- 每一个页面接口组件化，可维护性、可复用性提高
- 使用TS代替JS，通过编译阶段的类型检查，降低了错误发生的概率。
- 自带开发服务器，随着编写业务，实时重载，实时报错，方便调试。
- 帮助build(打包)，形成完整的项目。
以上看的有点头疼。下面开始简单的介绍。
版本问题
Angular框架是Google发布的开源项目，在Angular2之前的版本，我们称之为AngularJS，这个版本和Angular2以后的版本有本质上的区别。本系列只介绍Angular2以后的版本，而对Angular2之后到Angular8的一系列不同版本，可以认为是版本2.1到2.8的区别。
基本组成
首先想象一个没有框架的世界，假设我需要开发任意一个页面UI，那么：
- 我需要一个html文件
- 在html中，通过style标签嵌入CSS样式。
- 在html中，通过script嵌入JS逻辑
之前讲过，Angular提供了组件化的搭建方式，上面三条 构建任意页面UI的要素就被集合到一个组件当中。换句话说
一个Angular组件包括一个js文件，一个CSS文件，一个html文件，这三个文件被放到一个文件夹中，文件夹的名称就是组件名称，其中每个文件的名称也和组件名称相同，并且以不同后缀区分。
- 前面已经说过，Angular用TS代替JS，所以js文件改为ts文件
- 细心的你一定发现，还有一个后缀spec.ts文件，这是用于考察组件有没有bug的“期中考试文件”。因为还没到考试周，暂时放一放。
假设我的组件名字叫做 login-panel，那么这个组组件的文件结构应该是这样的： - login-panel
- login-panel.component.css
- login-panel.component.ts
- login-panel.component.html