Angular2 入门 互动版

服务 - 封装可复用代码

在Angular2中,服务用来封装可复用的功能性代码。比如Http服务,封装了ajax 请求的细节,在不同的组件中,我们只需要调用Http服务的API接口就可以给组件增加 ajax请求的功能了:

service

Angular2中实现一个服务非常简单直接 : 定义一个,然后,它就是服务了:

class EzAlgo{
    add(a,b){return a+b;}
    sub(a,b){return a-b;}
}

上面的代码定义了一个相当弱智的算法服务EzAlgo,它有两个API - add()用来 计算两个数的,sub()用来计算两个数的 。在示例中,组件EzApp依赖于这个 服务:

ezalgo

修改右边示例代码,实现一个减法计算器!