当通信2 childrenComponents时，EventEmitter与SharedService。角度
当通信2个子组件时，可以使用EventEmitter和SharedService来实现。
- EventEmitter（事件发射器）是Angular框架提供的一种机制，用于在组件之间进行通信。它基于发布-订阅模式，其中一个组件充当事件的发布者，而其他组件则充当事件的订阅者。通过EventEmitter，可以在组件之间传递数据和触发自定义事件。
优势：
- 简单易用，适用于简单的组件通信需求。
- 可以在父组件和子组件之间进行通信。
应用场景：
- 父组件向子组件传递数据。
- 子组件向父组件传递数据。
- 兄弟组件之间进行通信。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云函数（Serverless）：https://cloud.tencent.com/product/scf
- SharedService（共享服务）是一种通过创建一个可被多个组件共享的服务来实现组件间通信的方法。通过在共享服务中定义可观察对象或者普通变量，组件可以通过依赖注入的方式来访问和修改这些共享数据。
优势：
- 可以在任意组件之间进行通信，不受组件层级的限制。
- 可以实现双向数据绑定，当共享数据发生变化时，所有订阅该数据的组件都会得到通知。
应用场景：
- 多个组件需要共享同一份数据。
- 组件之间需要进行双向数据绑定。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云数据库 PostgreSQL 版：https://cloud.tencent.com/product/cdb_postgresql
相关·内容
我实现了一个与可观察对象的共享服务，其中孩子一更新了数据，孩子二使用该服务订阅了可观察对象，并且运行良好。但是后来我和我的老板讨论了我的实现，他像sharedService实现一样输出，所以他建议我通过父组件和使用EventEmitter (@ didn0t，@Output)来传递子组件，就像图像一样：
浏览 12提问于2020-02-28得票数 1
回答已采纳
我想从另一个showmodel(displayType)调用compoent.How来将标头组件函数调用到另一个组件？ import { Component,Renderer } from '@angular/core'; import { CountriesService } from '../services/countries.services';
i
浏览 2提问于2017-07-01得票数 2
回答已采纳
2回答
available-parking></available-parking>
</div>例如，当用户从“可用”中选择“停车”时，
浏览 3提问于2016-06-29得票数 1
回答已采纳
2回答
我有以下设置： --User Table Component当我去Users时，我可以看到组件User Table Component
浏览 0提问于2016-04-01得票数 2
回答已采纳
3回答
我想与另一个控制器共享这些流数据，它将通过jquery图表库来处理和显示它们(还没有决定我将使用哪一个，但它超出了这个问题的范围)。为了分享这些数据，我遵循了这个jsfiddle ()。console.log("handleBroadcast (platform)");VisuCtrl定义：
function VisuCtrl($scope,$routeParams,sharedService$inject = ['$scope','$routeParams','myS
浏览 0提问于2013-02-15得票数 0
回答已采纳
组件如何更改另一个组件上的变量。示例：@Component({ template: ` Hello ` onMain: Boolean;
this.onMain = false;}
我有另一个组件，我
浏览 6提问于2016-03-02得票数 25
回答已采纳
3回答
我希望当用户单击此按钮时，会在组件B上触发一个函数<router-outlet></router-outlet>
组件B是使用routing.I呈现的。
浏览 1提问于2017-01-31得票数 6
回答已采纳
假设我们有一个父组件(在其中，有一个猫和狗扩展的动物类)和两个子组件(猫和狗)，猫和狗按钮总是处于相反的状态，单击“猫”按钮可以使狗按钮禁用，单击“狗”按钮可以使猫按钮禁用。我如何实现它呢？..., <dog></dog>`}
}
...}
@Component Dog exten
浏览 3提问于2016-02-22得票数 3
回答已采纳
2回答
在非嵌套组件之间传输数据
、、、、
我在母版页面上有一个angular2组件，用于部分登录视图-这最初是通过这个带有子组件的html模板呈现的- } }从这个父组件中可以看到，当调用onSubmit函数(这是我的登录表单提交)时，我调用的是handleResult，它从共享服务的ajax调用
浏览 5提问于2016-10-24得票数 0
回答已采纳
this.confirmUpdateVersionModule.open(); window.location.reload();我想在file2.
浏览 3提问于2022-03-16得票数 1
回答已采纳
我有一个登录组件：import {Observable在路线上我有这样的想法：这是我的LogsComponent：
import {Component, EventEmitter
浏览 4提问于2017-03-17得票数 0
回答已采纳
我是angular2的新手，我对使用EmitterService的EventEmitter感到困惑，任何人都能解释我使用发射器的目的。
浏览 2提问于2016-08-17得票数 2
回答已采纳
他们不知道角2，框架等，并希望它完全像在文档:没有例外。...console.log("GTM data sent" + data);
var gaData = [_dl];</head>window['sendAnalytics'](GTMData_Object);
这可以在页面加载上工作，但是当我进入不同的路由时，全局定义的
浏览 5提问于2017-09-19得票数 0
我已经建立了一个SPA与几页和一个固定的顶部肚脐。我想为每个页面中标题下面的内容设置一个动态页边距顶部，在加载或调整页面大小时自动设置。因为组件是兄弟类，所以我已经设置了一个共享服务来在它们之间进行通信。(menu2)，它才能正常工作。(注意:由于某些原因，在加载时不计算页边距--无论如何，它是在本地主机上计算的)，所以请调整窗口的大小，以求计算页边距。真对不起。仅为演示目的在menu1中设置页边距，但如果/当我有解决方案时，将为每一页设置页边距。)
浏览 0提问于2017-04-16得票数 0
回答已采纳
2回答
我有两个部件。一个是页面，另一个是在页面上滑动的过渡。我希望将一个值传递给transitionComponent中的一个函数，但无法计算出来。@input是实现此操作的最佳方式，还是有其他方法直接调用另一个组件中的函数？父组件： import {TransitionComponent} from '../../PageLoader/Tr
浏览 2提问于2016-06-09得票数 0
回答已采纳
3回答
export class ProductAlertsComponent implements OnInit {
@Output() notify = new EventEmitter
浏览 2提问于2020-04-22得票数 0
13回答
角2兄弟通信
、、
当在ListComponent中单击某一项时，该项目的详细信息应以DetailComponent显示。两者同时出现在屏幕上，因此不涉及路由问题。$broadcast进行事情的角度1方式复杂得多。是否有另一种/更直截了当的方法来实现这一目标？
浏览 31提问于2016-03-09得票数 130
7回答
我有一个父组件，它会转到服务器并获取一个对象： selector : 'node-display', <router-outlet [node]="node"></router-outlet>})
浏览 11提问于2017-01-03得票数 157
回答已采纳
我们可以看到：var events = require("events");
events.EventEmitter.call(this);它是否与以下内容相同：}
&#
浏览 3提问于2012-12-03得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
