服务 - 封装可复用代码
在Angular2中,服务用来封装可复用的功能性代码。比如Http服务,封装了ajax 请求的细节,在不同的组件中,我们只需要调用Http服务的API接口就可以给组件增加 ajax请求的功能了:
Angular2中实现一个服务非常简单直接 : 定义一个类,然后,它就是服务了:
class EzAlgo{
add(a,b){return a+b;}
sub(a,b){return a-b;}
}
上面的代码定义了一个相当弱智的算法服务EzAlgo,它有两个API - add()用来 计算两个数的和,sub()用来计算两个数的差 。在示例中,组件EzApp依赖于这个 服务:
修改右边示例代码,实现一个减法计算器!