Angular(使用Type Script编写)是Angular JS的重写(使用JS编写):构建用户界面的前端框架
Angular核心特性
- MVVM(V:view视图)
- 模块化
- 自动双向数据绑定
- 语义化标签
- 依赖注入
三者对比
- Angular:(TypeScript语言)良好的模板和脚本分离——大项目
- React :(JS语言)采用组件化的方式开发可重用的用户UI,HTML元素嵌入在JS代码中
- Vue.js:(JS语言)主要用于开发渐进式的Web应用,用户使用比较简单,易于入门——小项目
Angular安装:
- 安装Node,js 和npm
- 安装Angular CLI(命令提示窗)
Angular架构:
- 模块:每一个Angular应用都有一个根模块,“AppModule”——提供了用来启动应用的引导机制
- 组件:每个应用至少有一个组件,及根组件,负责把组件树和页面中的DOM链接起来
- 模板、指令和数据绑定:模块把HTML和Angular的标记组合起来,指令提供程序逻辑,而绑定会把应用中的数据和DOM链接在一起
- 服务与依赖的注入:对于与依赖特定视图无关并希望跨组件共享的数据或逻辑,可以创建服务类。依赖注入(DI)可以保持组件类的精致和高效。有了DI,组件就不要从服务器获取数据、验证用户的输入,而是把这些任务委托给服务
- 路由:Angular和Router(路由)模块提供了一个服务,用于定义在应用的各个不同状态和视图层次结构之间导航时要使用的路径