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

原文：https://www.cnblogs.com/nulixuexipython/p/11001552.html