angular2之封装service

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

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

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

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

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

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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容