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();
}

最新文章

  1. 【转】C#多线程Lock使用
  2. nagios的nrpe的check_command配置优化
  3. 关于SharePoint 2013 UserProfile跨场的几点注意
  4. UINavigationController详解三(转)ToolBar
  5. ffmpeg编解码音频AAC
  6. java-常用快捷键
  7. (转)php5中类的学习
  8. JQuery+AJAX实现搜索文本框的输入提示功能
  9. Java设计模式(三)-修饰模式
  10. 第十六章:Python の Web开发基础(三) jQuery与Ajax
  11. Java (三、数组)
  12. SSM-SpringMVC-07:SpringMVC中处理器映射器
  13. Cordova入门系列(三)Cordova插件调用
  14. 课后作业机票,赌骰子游戏,switch的使用实例
  15. wx小程序-列表详细页点击跳转!
  16. hibernate框架学习第四天:关联关系、外键、级联等
  17. 91 Testing Linux学习笔记
  18. 【Android Studio】DDMS的模拟器控制(Emulator Control)不可用
  19. js-jquery-数组遍历
  20. Pig数据类型

热门文章

  1. hdu 5094 Maze (BFS+状压)
  2. 网关服务spring cloud zuul
  3. Linux高级命令及mysql数据安装
  4. 攻防世界 Misc 新手练习区 stegano CONFidence-DS-CTF-Teaser Writeup
  5. 【python+postman接口自动化测试】(1)网络基础知识
  6. pyinstaller设置图标出现“struct.error: unpack requires a buffer of 16 bytes”
  7. js实现一个小游戏(飞翔的jj)
  8. vue.js3 学习笔记 (一)——mixin 混入
  9. 『学了就忘』Linux软件包管理 — 43、RPM包的校验和证书
  10. 对于VS2013使控制台暂停的方法