第1章 Angular初识 1 Angular的版本问题，Angular的组件是什么？

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