Angular初识

前言

   Angular是一款非常强大的前端框架，由Google来维护。他的工作原理：模板是由angular扩展而来的HTML语法组成，组件类来管理这些模板，应用逻辑部分通过服务来完成，然后在模块中打包服务和组件，最后通过引导根模块来启动应用。类似的前端框架还有vue,react等！

环境

1.jdk，Java运行环境。

2.node.js：JavaScript的运行环境。

3.@angular/cli：angular的脚手架，主要用于测试和打包。

是什么

1.模块：用来将应用中不同部分组织成一个Angular框架可以理解的单元，一个模块里有一到多个组件，服务，HTTP等。是一个带着装饰器的typescript类。

@NgMoudule，模块装饰器。

       1.declarations：声明这个模块有什么东西，只能声明组件、指令和管道（就是格式化）。

       2.imports：引入这个模块还需要的其他模块。

       3.providers:依赖注入的服务。

       4.bootstarp:生命模块的主组件是什么。

2.组件：是angular应用的基本构建快，可以把一个组件理解为一段带有业务逻辑和数据的HTML，也可以理解为带有模板的指令集。

  

  必备要素：

  (1).@component：组件元数据装饰器。他会告诉typescript类（下面的controller）这些

  (2).template：模板，定义组件的外观，告诉angular如何渲染页面。

  (3).controller：控制器，是一个普通的typescript类，包含所有的属性和方法.

  控制器与模板通过数据绑定通讯，控制器通过模板展现数据，模板通过控制器进行逻辑处理。数据绑定包括插值表达式、属性绑定和事件绑定。通过装饰器把元数据附加到typescript类中，告诉angular这是一个angular组件。

  其他要素

  (1).@input：输入属性，父组件和子组件之间传递数据。

  (2).providers：提供器，做依赖注入。

  (3).lifecycle hooks：生命周期钩子，组件从创建到销毁各个阶段都有钩子，用来触发一些事件。

3.服务：用来封装可重用的业务逻辑。

4.指令：向HTML元素添加自定义行为。

5.构建、部署和websocket协议

  (1).构建：将所有ts html css等合并成一个，进行编译。

  (2).部署：与服务器进行整合。

  (3).websocket协议