angular1也要面向组件编程前端组件化是前端开发模式中一个不可逆转的趋势，三大主要前端框架angular2reactvue都不约而同的把组件化编程作为自己的一大卖点，angular1作为一个历史相对悠久的框架，在私生子angular2的推动下，终于也搭上了组件化编程的末

Angular2中的组件交互方式很多，可分为父子组件交互和非父子组件交互两种情况。在学习之前需要了解组件的@Input(https://my.oschina.net/InPuto)和@Output(https://my.oschina.net/output1314)的用法//子组件中内容@Input()绑定的属性名

!(https://static.oschina.net/uploads/space/2017/0112/102402_MhDv_1792607.png)在2016年，前端的开源世界越发精彩，Vue的不断壮大，Angular2的发布，AmazeUI3.0蓄势待发，黑马级别的AntDesign，这些都给2016年的前端世界注入了不同的鲜活血液

对象转Observableimport'rxjs/add/observable/of'Observable.of(1,2,3)http请求后做处理import{map,catchError}from'rxjs/operators'

9月15日，Angular2的最终版正式发布了。作为Angular1的全平台继任者Angular2的最终版，意味着什么？意味着稳定性已经得到了大范围用例的验证；意味着已经针对产品化、文件尺寸和性能，进行了优化；意味着已经可以借助预编译技术和内置的延迟加载机制了，这些可以确保能发布出最快、最小的应用，并

简述:一个完整的Angular应用主要由六个重要部分构成,分别是:组件,模板,指令,服务,依赖注入,和路由.这些组成部分各司其职,而又紧密协作.其中,与用户直接打交互的是模板视图,它是构成组件的要素之一.另一要素是组件类,用以维护组件的数据模型及功能逻辑.路由的功能是控制组件的创建和销毁,从而驱使应用界面跳转切换/指令与模板相互关联,最重要

!(https://static.oschina.net/uploads/space/2017/0112/102402_MhDv_1792607.png)在2016年，前端的开源世界越发精彩，Vue的不断壮大，Angular2的发布，AmazeUI3.0蓄势待发，黑马级别的AntDesign，这些都给2016年的前端世界注入了不同的鲜活血液

Angular2的内置指令可分为通用指令、路由指令、表单指令。通用指令包含7种，均包含在CommonModule模块中，CommonModule已经包含在了BrowserModule中。NgClassNgstyleNgIfNgForNgSwitch、NgSwitchCase、NgSwitchDe

@HostBinding()和@HostListener()在自定义指令时非常有用。@HostBinding()可以为指令的宿主元素添加类、样式、属性等，而@HostListener()可以监听宿主元素上的事件。@HostBinding()和@HostListener()不仅仅用在自定义指令，只是在自定义指令中用的较多本文基于Angular2