摘要: 概述 Angular 2使用自己的依赖注入框架并采用构造注入方式,依赖注入分两个步骤: 1) 向injector注册Provider 2) 构造类时injector根据参数注入对应的实例。 如上图所示,注册时在injector中建立注入名称和注入实例的对照表,获取时根据注入名称返回对应的注入实例。在 阅读全文
posted @ 2016-05-02 20:45 weisp 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 概述 Angular 2采用组件路由方式,将浏览器URL解释为路由到某个组件的指令,同时附加可选的参数传递给组件。组件路由可以绑定到页面链接上,用户点击后转到对应的组件;也可以采用编码方式在组件间跳转。组件路由历史记录在浏览器历史中,支持浏览器的向前、向后按钮操作。 Angular 2的路由功能是作 阅读全文
posted @ 2016-05-02 20:44 weisp 阅读(357) 评论(0) 推荐(0) 编辑
摘要: 概述 标注方式定义表单步骤如下: ngForm/ngControl标注方式 表单组件定义如下所示: directives元数据注入FORM_DIRECTIVES,模板可使用ngForm directive。一般地,directive在匹配选择器(selector)后被加入元素,但Angular 2自 阅读全文
posted @ 2016-05-02 20:43 weisp 阅读(573) 评论(0) 推荐(0) 编辑
摘要: 为了将Angular 2组件显示在DOM树中,组件必须和一个DOM元素关联,该DOM元素称为宿主元素。 组件可以和宿主元素进行以下交互: 监听宿主元素的事件 更改宿主元素的属性 调用宿主元素的方法。 @HostBinding标注用于将宿主元素的属性和组件属性绑定,@HostListener标注用于当 阅读全文
posted @ 2016-05-02 20:41 weisp 阅读(422) 评论(0) 推荐(0) 编辑
摘要: 概述 Angular 2应用由组件构成;和DOM树类似,Angular 2应用是一颗组件树。 Angular 2将更新模型(Model)和在视图(View)中显示模型分在不同阶段实现:开发者负责更新模型,Angular 2通过变更检测自动更新对应的视图。 Angular 2使用属性绑定在视图中显示模 阅读全文
posted @ 2016-05-02 20:38 weisp 阅读(338) 评论(0) 推荐(2) 编辑
摘要: 概述 本章描述的Angular 2开发环境基于开源的angular2-webpack-starter,包含以下内容: Angular2:核心、路由、Http服务、单元测试和端对端测试 TypeScript:开发语言和编译工具 Typings:TypeScript类型管理工具 TsLint:TypeS 阅读全文
posted @ 2016-05-02 20:36 weisp 阅读(439) 评论(0) 推荐(0) 编辑
摘要: Angular 2系统架构中组件是最核心的概念,组件由元数据(Metadata)、组件类(Component)和模板(Template)组成,其中: 元数据描述组件的属性 组件类实现组件的功能,可调用依赖注入(Dependent Injection)的服务(Service) 模板定义组件的视图(Vi 阅读全文
posted @ 2016-05-02 20:31 weisp 阅读(335) 评论(0) 推荐(0) 编辑