angular2之封装service
2017-09-07 本文已影响0人
一吓
快速创建项目大家已经众所周知了,在这里小吓就不提了。
今天就来说说如何创建服务(service),在任何一个组件中调用同一个服务(service)。这样可以减少代码的书写量,减轻代码的冗余。
首先在app文件夹下创建一个公共的文件夹,这个文件夹是要放公共的服务和插件。接下来就要开始创建我们的服务了

在创建服务之前哪,再提一下angular2中的指令ng g service service-name这个指令可以快速创建服务文件

在webStorm 终端中cd到public文件夹下然后执行上面的指令ng g service 服务名字回车
打开创建的符文件会看到下面的代码这是angular2帮我们写好的服务框架

我们就可以把公共的方法或函数写在ChajianService{里面},然后在app.module.ts文件引入上面的服务

在app.module.ts文件中写下面的代码

然后在组件中引入该服务的名字,就可以使用服务里面的方法了。