Angular 2 架构概览

网址:https://angular.cn/docs/ts/latest/guide/architecture.html ------------------------------第一部分:Angular应用中8个主要构造块------------------------------ 这个架构图展现了 Angular 应用中的 8 个主要构造块: 模块 (Modules) 组件 (Components) 模板 (Templates) 元数据 (Metadata) 数据绑定 (Data Binding) 指令 (Directives) 服务 (Services) 依赖注入 (Dependency Injection) --------------------------------------------------------------- ------------------------------模块 (Modules)--------------------------------- 1、Angular应用是模块化的,并且Angular有自己的模块系统,它被称为Angular模块或NgModules 。 2、每个Angular应用至少有一个模块( 根模块 ),习惯上命名为 AppModule 。 3、根模块在一些小型应用中可能是唯一的模块,不过大多数应用可能会有很多“特性模块” , 它们由一组领域类、工作流、或紧密相关的功能聚合而成。 4、Angular模块(无论是“根”模块还是“特性模块”)都是一个带有 @NgModule 装饰器的类。 5、NgModule是一个装饰器函数,它接收一个用来描述模块属性的元数据对象。 其中最重要的属性是: declarations (声明) - 本模块中拥有的视图类。Angular有三种视图类:组件、指令、管道 。 exports - 声明( declaration )的子集,它可用于其它模块中的组件 模板 。 imports - 本 模块组件模板中需要由其它模块导出的类。 providers - 服务 的创建者。本模块把它们加入全局的服务表中,让它们在应用中的任何部分都可被访问到。 bootstrap - 标识出应用的主视图(被称为 根组件 ),它是所有其它视图的宿主。只有 根模块 才能设置 bootstrap 属性。 ------------------------------组件 (Components)------------------------------ ------------------------------模板 (Templates)------------------------------- ------------------------------元数据 (Metadata)------------------------------ ------------------------------数据绑定 (Data Binding)------------------------ ------------------------------指令 (Directives)------------------------------ ------------------------------服务 (Services)-------------------------------- ------------------------------依赖注入 (Dependency Injection)---------------- --------------------------------------------------------------- ------------------------------第二部分:Angular 特性和服务------------------------------ Angular 特性和服务 动画:用 Angular 的动画库让组件动起来,而不需要对动画技术或 CSS 有深入的了解。 变更检测:“变更检测”文档会告诉你 Angular 是如何决定组件的属性值变化和什么时候该更新到屏幕的。 以及它是如何用 zones 来拦截异步行为并执行变更检测策略。 事件:“事件”文档会告诉你如何使用组件和服务触发支持发布和订阅的事件。 表单:通过基于 HTML 的验证和脏检查机制支持复杂的数据输入场景。 HTTP:通过这个 HTTP 客户端,可以与服务器通讯,以获得数据、保存数据和触发服务端动作。 生命周期钩子:通过实现生命周期钩子接口,可以切入组件生命中的几个关键点:从创建到销毁。 管道:在模板中使用管道转换成可显示的值,以增强用户体验。 路由器:在应用程序客户端导航,并且不离开浏览器。 测试:使用 Angular 测试工具运行单元测试,在你的应用与 Angular 框架交互时进行测试。

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...