码迷,mamicode.com
首页 > 其他好文 > 详细

29服务

时间:2020-01-23 09:24:15      阅读:57      评论:0      收藏:0      [点我收藏+]

标签:步骤   port   创建   测试   一个   this   模块   提供商   定义数据   

服务:

在一个大型项目中,如果有一些方法或者数据,需要反复的用到,想办法去封装,方便进行复用,angular建议通过封装成一个对象 -->服务

服务,就是一个类,在这个类中封装一些常用到的方法或者数据

 

案例:

如果一个项目中,有非常多个组件,在测试开发,会输出一堆的日志信息,方便调试;发布到线上,挨个去删除日志信息太麻烦,需要封装一个日志类服务,减轻工作量

 

服务的使用步骤:

①创建服务

  @Injectable()    //定义数据和方法

   技术图片

②给服务指定提供商

  两种选择:选择一:给module 指定 provider,该模块中所有的组件都可以引入服务去使用

       选择二:给component指定provider,该组件以及子组件可以引入服务去使用

    import { LogService } from ‘ *** ‘

    providers : [ LogService ]

   技术图片

③调用服务

  引入:import { LogService } from ‘ *** ‘

  实例化:constructor ( private myService : LogService ) { }

  调用:this.myService. **/**()

   技术图片

 

   技术图片

 

   技术图片

29服务

标签:步骤   port   创建   测试   一个   this   模块   提供商   定义数据   

原文地址:https://www.cnblogs.com/shanlu0000/p/12229969.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!