怎么在Angular中实现不同组件间的数据传递
导读:本文共1717.5字符,通常情况下阅读需要6分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 利用Angular Event在不同组件之间传递数据为了实现在Angular不同Component之间相互传递数据,可以使用Event分发的思路来实现。使用事件实现在不同组件之前传递数据的思路如下:定义一个服务,用来实现事件的发布和订阅方法。组件A注入事件服务的依赖,将自己要传递数据的数据以事件的形式发布出去。组件B注入事件服务的依赖,并订阅相关事件。定义一个服... ...
目录
(为您整理了一些要点),点击可以直达。利用Angular Event在不同组件之间传递数据
为了实现在Angular不同Component之间相互传递数据,可以使用Event分发的思路来实现。
使用事件实现在不同组件之前传递数据的思路如下:
定义一个服务,用来实现事件的发布和订阅方法。
组件A注入事件服务的依赖,将自己要传递数据的数据以事件的形式发布出去。
组件B注入事件服务的依赖,并订阅相关事件。
定义一个服务
在终端输入
Angular会自动在项目的app目录下生成 event.service.ts 和 event.service.spec.ts 两个文件。
我们在 event.service.ts 文件中完成相关业务代码即可。
例如,我们在改服务中实现发布事件和订阅事件的方法:
最后,为了能让我们定义的服务能够被注入到其他组件中,我们还需要在app.modules.ts文件中注册我们的服务:
利用EventService在不同组件间传递数据
假定组件A中的数据需要传递到组件B中,这里的数据可以是事件、文本内容、状态改变等等东西。 则在组件A中,我们可以发布一个事件,组件B订阅该事件即可。
在组件A中发布事件
在组件B中订阅事件
怎么在Angular中实现不同组件间的数据传递的详细内容,希望对您有所帮助,信息来源于网络。