破境Angular(二)Angular构件

165 阅读2分钟

banner窄.png

铿然架构  |  作者  /  铿然一叶 这是铿然架构的第 7 篇原创文章

相关阅读:

萌新快速成长之路
如何编写软件设计文档
JAVA编程思想(一)通过依赖注入增加扩展性
JAVA编程思想(二)如何面向接口编程
JAVA编程思想(三)去掉别扭的if,自注册策略模式优雅满足开闭原则
JAVA编程思想(四)Builder模式经典范式以及和工厂模式如何选?
Java编程思想(七)使用组合和继承的场景
JAVA基础(一)简单、透彻理解内部类和静态内部类
JAVA基础(二)内存优化-使用Java引用做缓存
JAVA基础(三)ClassLoader实现热加载
JAVA基础(四)枚举(enum)和常量定义,工厂类使用对比
JAVA基础(五)函数式接口-复用,解耦之利刃
Seata源码(一)初始化
Seata源码(二)事务基础对象
Seata源码(三)事务处理类结构和流程
Seata源码(四)全局锁GlobalLock
Seata源码(五)Seata数据库操作
Seata源码(六)Seata的undo日志操作
Seata源码(七)Seata事务故障处理
Seata源码(八)Seata事务生命周期hook
Seata源码(九)TCC核心类和处理逻辑
Seata源码(十)RM接收到请求后的调用过程
Seata源码(十一)TC接收到请求后的处理过程\


一、Angular构件

Angular的构件如下:

1.模块是一个容器,用于存放代码块;可导入其他模块中导入的功能;导出指定的功能。
2.组件定义和控制屏幕上的一片区域,构成一个视图
3.服务是一个明确定义了用途的类,例如加密,鉴权
4.指令可用于控制视图中DOM树的展现以及数据绑定
5.管道的作用是做数据转换,例如转换货币单位,大小写。管道的功能也可以通过服务来实现,管道的写法更简洁,优雅,例如:name | Uppercase。

~现在,开启破境之旅吧!

二、构件关系

Angular的构件关系如下:

1.一个模块可以导入其他模块,也可以导出其他模块
2.模块包含组件,指令,管道,完成特定的功能
3.组件可以包含组件,组件嵌套构成一颗组件树
4.组件可以使用服务来处理特定的业务逻辑
5.组件代码由HTML模板,CSS样式代码和Type Script代码构成,展现一个视图
6.组件可使用指令来控制DOM树的展现和数据绑定
7.组件可使用管道做数据格式转换,例如数字精度转换,货币单位转换,大小写转换

end.