Angular中怎样创建service服务来实现组件之间调用公共方法
2024-08-31 00:09:29
Angular组件之间不能互相调用方法,但是可以通过创建服务来实现公共方法的调用。
实现
创建服务命令
ng g service 服务路径/服务名
比如这里在app/services目录下创建storage服务
ng g service services/storage
在app.module.ts中引入创建的服务
在applmodule.ts中引入创建的服务
import {StorageService} from './services/storage.service';
并在MgModule里面的providers里面依赖注入服务
在使用的页面引入服务并注册服务
这里在search这个组件中调用服务的方法,所以打开search这个组件的ts
import {StorageService} from '../../services/storage.service';
并在构造方法中注册服务
constructor(private storage:StorageService) { }
注意这里调用的路径,service服务与组件的位置关系如下
这里注册服务时在构造方法中private storage:StorageService,storage名字自己随意起,后面的StorageService要与上面引入时
相对应。
调用服务的方法
上面在要调用服务方法的ts中使用private storage:StorageService注册服务后可以直接通过
this.storage.get();
调用其中的方法。
get()方法需要提前在service中提前声明
为了测试方法的调用,在search这个组件的ngInit方法中调用
ngOnInit(): void {
this.storage.get();
}
最新文章
- 【转】C#多线程Lock使用
- nagios的nrpe的check_command配置优化
- 关于SharePoint 2013 UserProfile跨场的几点注意
- UINavigationController详解三(转)ToolBar
- ffmpeg编解码音频AAC
- java-常用快捷键
- (转)php5中类的学习
- JQuery+AJAX实现搜索文本框的输入提示功能
- Java设计模式(三)-修饰模式
- 第十六章:Python の Web开发基础(三) jQuery与Ajax
- Java (三、数组)
- SSM-SpringMVC-07:SpringMVC中处理器映射器
- Cordova入门系列(三)Cordova插件调用
- 课后作业机票,赌骰子游戏,switch的使用实例
- wx小程序-列表详细页点击跳转!
- hibernate框架学习第四天:关联关系、外键、级联等
- 91 Testing Linux学习笔记
- 【Android Studio】DDMS的模拟器控制(Emulator Control)不可用
- js-jquery-数组遍历
- Pig数据类型
热门文章
- hdu 5094 Maze (BFS+状压)
- 网关服务spring cloud zuul
- Linux高级命令及mysql数据安装
- 攻防世界 Misc 新手练习区 stegano CONFidence-DS-CTF-Teaser Writeup
- 【python+postman接口自动化测试】(1)网络基础知识
- pyinstaller设置图标出现“struct.error: unpack requires a buffer of 16 bytes”
- js实现一个小游戏(飞翔的jj)
- vue.js3 学习笔记 (一)——mixin 混入
- 『学了就忘』Linux软件包管理 — 43、RPM包的校验和证书
- 对于VS2013使控制台暂停的方法