破境Angular（二）Angular构件

一、Angular构件

Angular的构件如下：

1.模块是一个容器，用于存放代码块；可导入其他模块中导入的功能；导出指定的功能。

2.组件定义和控制屏幕上的一片区域，构成一个视图

3.服务是一个明确定义了用途的类，例如加密，鉴权

4.指令可用于控制视图中DOM树的展现以及数据绑定

5.管道的作用是做数据转换，例如转换货币单位，大小写。管道的功能也可以通过服务来实现，管道的写法更简洁，优雅，例如：{{name | Uppercase}}。

二、Angular构件关系

Angular的构件关系如下：

1.一个模块可以导入其他模块，也可以导出其他模块

2.模块包含组件，指令，管道，完成特定的功能

3.组件可以包含组件，组件嵌套构成一颗组件树

4.组件可以使用服务来处理特定的业务逻辑

5.组件代码由HTML模板，CSS样式代码和Type Script代码构成，展现一个视图

6.组件可使用指令来控制DOM树的展现和数据绑定

7.组件可使用管道做数据格式转换，例如数字精度转换，货币单位转换，大小写转换

.End

下期预告：【破境Angular（三）Angular构件之模块】

关注 Java 栈及其衍生技术，通过实战经验分享，传播Java栈技术和提高Java栈开发效率。