angular2之封装service

快速创建项目大家已经众所周知了,在这里小吓就不提了。

今天就来说说如何创建服务(service),在任何一个组件中调用同一个服务(service)。这样可以减少代码的书写量,减轻代码的冗余。

首先在app文件夹下创建一个公共的文件夹,这个文件夹是要放公共的服务和插件。接下来就要开始创建我们的服务了

angular2之封装service_第1张图片

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

angular2之封装service_第2张图片

在webStorm 终端中cd到public文件夹下然后执行上面的指令ng g service 服务名字回车

打开创建的符文件会看到下面的代码这是angular2帮我们写好的服务框架

angular2之封装service_第3张图片

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

angular2之封装service_第4张图片

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

angular2之封装service_第5张图片

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

你可能感兴趣的:(angular2之封装service)