特点

• angular是一个不完全的mvvm前端框架,使用typescript编写脚本,适合编写大型项目.

M:data+逻辑; V:template;VM:绑定在template上的data.完全的mvvm框架:

1632883642(1).jpg

M中是不能直接修改dom的,但是M里面实际上是能修改dom.虽然Angular不推荐这么做.

• 语法上比较严谨,比如使用typescript编写,属性和方法支持访问修饰关键词,输入属性和输出属性通过装饰器标记.

使用typescript的好处有:
结合VS code,静态类型检查能提前发现数据类型相关的错误
可以定义接口和抽象类,属性有访问修饰符
使用装饰器,扩展功能

• 代码组织上:复用性强,逻辑封装在service内;通过service注入到组件,组件之间还可以共享数据;
• 结构清晰:每个模块使用module管理
• 扩展性比较强,因为支持定义接口和抽象类;
• 实践上比较全面,内置了路由/状态管理等功能.
• 异步编程方面特别方便,rxjs库有非常丰富的接口.
• 使用大量的装饰器,大到NgModule,小到属性,都用到了装饰器.

装饰器

工作原理

组件之间如何通讯

rxjs

变更检查

Angular工作原理:https://zhuanlan.zhihu.com/p/93242237