摘要: 注入 - Injector在前一节的示例代码中,组件EzAlgo直接在构造函数中实例化了一个EzAlog对象,这造成了EzApp和EzAlgo的强耦合,我们可以使用Angular2的注入器/Injector进行解耦:注入器就像婚姻介绍所,男方在婚介所登记心仪的女性特点,约好见面地点,然后, 坐等发货... 阅读全文
posted @ 2015-12-16 19:47 X-USER 阅读(1107) 评论(0) 推荐(1) 编辑
摘要: 服务 - 封装可复用代码在Angular2中,服务用来封装可复用的功能性代码。比如Http服务,封装了ajax请求的细节,在不同的组件中,我们只需要调用Http服务的API接口就可以给组件增加ajax请求的功能了:Angular2中实现一个服务非常简单直接 : 定义一个类,然后,它就是服务了:1 c... 阅读全文
posted @ 2015-12-16 17:51 X-USER 阅读(1679) 评论(2) 推荐(1) 编辑
摘要: NgFormModel - 绑定已有控件组NgFormModel指令类似于NgControlGroup指令,都是为控件提供容器。但区别在于,NgFormModel指令将已有的控件组绑定到DOM对象上: 1 @View({ 2 template : ` 3 4 ... 阅读全文
posted @ 2015-12-16 17:40 X-USER 阅读(523) 评论(0) 推荐(0) 编辑
摘要: NgFormControl - 绑定已有控件对象与NgControlName指令不同,NgFormControl将已有的控件/Control对象绑定到DOM元素 上。当需要对输入的值进行初始化时,可以使用NgFormControl指令。下面的代码中,使用NgFormControl指令将DOM元素绑定... 阅读全文
posted @ 2015-12-16 16:32 X-USER 阅读(360) 评论(0) 推荐(0) 编辑
摘要: NgControlGroup - 命名控件组NgControlGroup指令的选择符是[ng-control-group],如果模板中的某个元素具有这个属性, Angular2框架将自动创建一个控件组对象,并将这个对象以指定的名称与DOM对象绑定。控件组可以嵌套,方便我们在语义上区分不同性质的输入:... 阅读全文
posted @ 2015-12-16 16:22 X-USER 阅读(454) 评论(0) 推荐(0) 编辑
摘要: NgControlName - 命名控件指令如前所述,NgControlName指令必须作为NgForm或NgFormModel的后代使用, 因为这个指令需要将创建的控件对象添加到祖先(NgForm或NgFormModel)所创建的控件组中。NgControlName指令的选择符是[ng-contr... 阅读全文
posted @ 2015-12-16 15:46 X-USER 阅读(400) 评论(0) 推荐(0) 编辑
摘要: NgForm - 表单指令NgForm指令为表单元素/form建立一个控件组对象,作为控件的容器; 而NgControlName指令为则为宿主input元素建立一个控件对象,并将该控件加入到NgForm指令建立的控件组中:局部变量通过使用#符号,我们创建了一个引用控件组对象(注意,不是form元素!... 阅读全文
posted @ 2015-12-16 14:43 X-USER 阅读(2683) 评论(0) 推荐(0) 编辑
摘要: 事件声明 - 暴露事件源与属性相反,事件从组件的内部流出,用来通知外部世界发生了一些事情:在Angular2中为组件增加事件接口也非常简单:定义一个事件源/EventEmitter, 然后通过Component注解的events接口包括出来:1 //EzCard2 @Component({3 ... 阅读全文
posted @ 2015-12-16 13:10 X-USER 阅读(4227) 评论(0) 推荐(0) 编辑
摘要: 属性声明 - 暴露成员变量属性是组件暴露给外部世界的调用接口,调用者通过设置不同的属性值来定制组件的行为与外观:在Angular2中为组件增加属性接口非常简单,只需要在Component注解的properties属性中声明组件的成员变量就可以了:1 //EzCard 2 @Component({3 ... 阅读全文
posted @ 2015-12-16 11:28 X-USER 阅读(2428) 评论(0) 推荐(0) 编辑