Angular|Angular 用service 在组件间传递数据
0,把service中的数据传给组件:
文章图片
文章图片
1, 创建Service.ts file
--所有需要维护的数据
--一个数据对应一个EventEmitter
--对数据的set,get或其他操作
文章图片
2,创建trigger component 该文件用于关联html和ts中的emit,html中绑定了onSetToActive方法,在onSetToActive方法中调用service中的event。
文章图片
文章图片
3,trigger事件被创建, 接下来创建listen方法监听。
文章图片
用对应EventEmitter的subscribe方法监听,在subscribe方法中写监听到后,具体对service数据的操作,一般这个操作是写在service.ts中。
备注:
有关service的dependecy inject
1,创建service
2,引入module(import),引入provider,在construc中引入(别忘加private)
3,引入module(import),在construc中需要每用到一次都引入,但providers只要在最顶层引入即可(子组件都可以用)
【Angular|Angular 用service 在组件间传递数据】
文章图片
文章图片
推荐阅读
- Docker应用:容器间通信与Mariadb数据库主从复制
- JS中的各种宽高度定义及其应用
- 由浅入深理解AOP
- 【译】20个更有效地使用谷歌搜索的技巧
- 涉毒患者(新诗)
- 参保人员因患病来不及到指定的医疗机构就医,能否报销医疗费用()
- mybatisplus如何在xml的连表查询中使用queryWrapper
- MybatisPlus|MybatisPlus LambdaQueryWrapper使用int默认值的坑及解决
- MybatisPlus使用queryWrapper如何实现复杂查询
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。