Angular2组件开发—为模板应用样式（一）
styles - 设置模板样式 组件既然处于UI层，就应当好看些，好看是构造良好用户体验的一部分。Angular2的 组件模板基于HTML，那么显然，我们需要通过样式表/CSS来调整组件的外观。 和模板类似，我们有两种方法为组件设置CSS样式： 1. 内联样式 可以使用组件View注解 ...
原文：Angular2组件开发—模板语法（一）
最简单的模板 组件的View注解用来声明组件的外观，它最重要的属性就是template 模板。 Angular 的模板是兼容HTML语法的，这意味着你可以使用任何标准的HTML标签编写 组件模板。 所以，在最简单的情况下，一个Angular 组件的模板由标准的HTML元素构成，看起来就是 一段HTML码流。Angular 将原封不同地渲染这段模板： 有两种方法为组件指定渲染模板： . 内联模板 可 ...
2015-12-10 17:12 0 1921 推荐指数：
相关推荐
Angular2组件开发—模板的逻辑控制（二）
使用分支逻辑 如果组件的模板需要根据某个表达式的不同取值展示不同的片段，可以使用NgSwitch系列指令来动态切分模板。比如右边示例中的广告组件EzPromotion，需要根据来访者性别的不同推送不同的广告： NgSwitch包含一组指令，用来构造包含多分支的模板： NgSwitch ...
Angular2组件开发—属性与事件（一）
属性声明 - 暴露成员变量 属性是组件暴露给外部世界的调用接口，调用者通过设置不同的属性值来定制 组件的行为与外观： 在Angular2中为组件增加属性接口非常简单，只需要在Component注解的properties属性中声明组件的成员变量就可以了： 上面的代码将组件 ...
Angular2组件开发—属性与事件（二）
事件声明 - 暴露事件源 与属性相反，事件从组件的内部流出，用来通知外部世界发生了一些事情： 在Angular2中为组件增加事件接口也非常简单：定义一个事件源/EventEmitter， 然后通过Component注解的events接口包括出来： 上面的代码将组件 ...
Angular2组件开发—表单输入（一）
NgForm - 表单指令 NgForm指令为表单元素/form建立一个控件组对象，作为控件的容器； 而NgControlName指令为则为宿主input元素建立一个控件对象，并将该控件加入到NgForm指令建立的控件组中： 局部变量 通过使用#符号，我们创建了一个引用控件组对象（注意 ...
Angular2组件开发—调用服务（一）
服务 - 封装可复用代码 在Angular2中，服务用来封装可复用的功能性代码。比如Http服务，封装了ajax请求的细节，在不同的组件中，我们只需要调用Http服务的API接口就可以给组件增加ajax请求的功能了： Angular2中实现一个服务非常简单直接 ： 定义一个类，然后，它就 ...
Angular2组件开发—调用服务（三）
注入一个复杂的服务 EzAlgo相当简单，使用new或者使用Injector来获得一个实例看起来差别不大。那如果我们的EzApp组件要使用Http服务呢？ 第一眼看上去，Http服务显然是一个真正有用的服务 - 因为看起来相当的复杂 - Http依赖于XHRBackend ...
angular2的模板语法
Angular 应用管理着用户之所见和所为，并通过 Component 类的实例（组件）和面向用户的模板来与用户交互。 从使用模型-视图-控制器 (MVC) 或模型-视图-视图模型 (MVVM) 的经验中，很多开发人员都熟悉了组件和模板这两个概念。 在 Angular 中，组件扮演着控制器或视图 ...