在angular 8中，我们如何将数据从一个组件发送到另一个兄弟组件？
在Angular 8中，我们可以通过以下几种方式将数据从一个组件发送到另一个兄弟组件：
- 使用共享服务（Shared Service）：创建一个共享服务，该服务包含一个可观察对象（Observable），兄弟组件通过订阅该可观察对象来接收数据。在发送组件中，通过共享服务的方法更新可观察对象的值。这样，当值发生变化时，订阅者将收到通知并获取最新的数据。推荐的腾讯云相关产品是云函数（Serverless Cloud Function），可以用于创建共享服务。您可以在腾讯云云函数产品介绍页面（https://cloud.tencent.com/product/scf）了解更多信息。
- 使用@Input和@Output装饰器：在发送组件中，使用@Output装饰器定义一个事件，并通过事件触发器将数据发送到父组件。在父组件中，使用@Input装饰器接收数据，并将其传递给兄弟组件。这种方式适用于简单的数据传递场景。腾讯云相关产品推荐使用云开发（Tencent Cloud Base），它提供了一套完整的云端开发工具和服务，包括数据库、存储、云函数等，可以帮助您快速构建应用。您可以在腾讯云云开发产品介绍页面（https://cloud.tencent.com/product/tcb）了解更多信息。
- 使用路由参数：在发送组件中，通过路由导航传递参数到目标组件。在目标组件中，可以通过ActivatedRoute服务获取传递的参数。这种方式适用于需要在URL中传递数据的场景。腾讯云相关产品推荐使用云服务器（CVM），它提供了可扩展的虚拟服务器，适用于各种应用场景。您可以在腾讯云云服务器产品介绍页面（https://cloud.tencent.com/product/cvm）了解更多信息。
以上是在Angular 8中将数据从一个组件发送到另一个兄弟组件的几种常用方式。根据具体的业务需求和场景，您可以选择适合的方式来实现数据传递。
相关·内容
1回答
我正在尝试完成一些在任何数据库管理系统中都可以通过全局变量轻松完成的任务。
我尝试通过服务将数据从一个组件传递到另一个组件。组件可以被描述为components文件夹中的兄弟，而服务位于作为components文件夹的兄弟文件夹的services文件夹中。statususers文件夹中的组件应通过服务将数据发送到小时文件夹中的组件。服务非常简单：
浏览 0提问于2018-03-21得票数 0
3回答
我制作了一个组件网络，其中我有一个输入字段，单击button.On按钮，我正在显示第二个组件。我想将数据从一个组件发送到另一个组件吗？如何将数据从一个组件发送到另一个组件..I需要发送输入值(无论用户在输入字段中输入什么)
浏览 0提问于2016-01-15得票数 10
回答已采纳
我在angular 2应用程序上工作，我有2个组件是兄弟(不是父子组件)。我必须将数据从一个组件传递到另一个组件。但是如果数据是'File‘类型的话。当我尝试将这些数据存储在本地存储中时，它存储的是空对象。
我将这个数据通过解析器发送到第二个组件，
浏览 0提问于2017-10-12得票数 0
我在Angular 7工作。当我将对象传递给另一个组件时，我是使用@input装饰性的，但是组件是兄弟，所以我如何将对象传递给另一个组件
浏览 9提问于2019-02-11得票数 0
我正在开发一个CRUD操作。更新时，在updateUser组件上，通过服务变量获取用户数据。但是当我刷新编辑页面时，用户的数据是未定义的。请给我一个更好的解决方案。
浏览 24提问于2020-07-31得票数 0
问题是，我可以从一个组件抓取数据，然后将它传递给服务，但是另一个组件不能在之后从这个服务获取数据。import { Injectable } from '@angular/core';
export class TodosService {
import { Component } from &
浏览 2提问于2017-09-13得票数 1
回答已采纳
如何将数据从一个组件发送到另一个组件？我有两个组件，我使用to选择器在第一个组件中显示html，现在我想将输入的数据发送到第一个组件。Starting Inventory">ProductVariant component.ts
imp
浏览 5提问于2019-10-23得票数 0
回答已采纳
3回答
两个自定义(角度)元素之间的通信constructor( @Inject(DOCUMENT) document) {
document.getElementById('loginbutton问:有没有其他合适的方式在带有角度元素的自定义元素之间进行通信？
浏览 1提问于2019-08-02得票数 2
如何将基于钩子的代码转换为基于类的代码？代码还能工作吗？我使用的是react/ASP.net核心模板。我的项目由几个兄弟组件组成。我正在尝试将状态从一个组件发送到另一个组件。setImageId} /> </div>};
export default App;
浏览 18提问于2021-05-04得票数 0
回答已采纳
我有一个json响应，想把它从一个组件传递到另一个组件，两者都是兄弟，都有不同的html。我该怎么做呢？
浏览 3提问于2017-06-28得票数 0
对于用户登录，我们使用JWT。我仍然不明白为什么我们应该使用JWT而不是Sessions，如果用户每次浏览一个组件时，我们都需要将令牌发送到服务器代码，以检查用户是否仍然登录。用户名和密码将被发送到服务器代码，在那里将发生身份验证过程，然后生成令牌并将其发送回angular，然后保存在本地存储中。我的问题是关于当用户浏览网站并从一个组件转到另一个</
浏览 66提问于2018-05-28得票数 0
回答已采纳
AllCourses组件显示我使用对象数组的所有课程。
现在从AddCourses组件中，我使用了form来添加课程。如何从AllCourses从AddCourses更新或添加新的课程。
浏览 4提问于2021-01-20得票数 0
回答已采纳
我正在做一个项目，它有两个组件，一个是AddProductComponent，另一个是产品列表组件。我想要做的是，当我单击ProductListComponent中的“编辑产品”按钮时，应该重定向到addproductform组件，并且addproductform由我创建的特定产品的详细信息填充。我无法处理来自服务器端REST的so.the数据。
我想知道如何将数据从一个组
浏览 1提问于2020-05-05得票数 0
我正在使用服务将数据从一个组件发送到另一个组件。我的服务如下 Injectableexport class HomeService {{ }
return this.values;
浏览 1提问于2017-11-10得票数 0
我有一个角度应用程序，其中我有两个兄弟组件同时呈现，他们需要相同的数据。(一个是列出所有站点的导航栏，另一个是在我的路由器插座中列出所有站点/图表、数据等)
为了减少http请求一次对服务的调用，将数据存储在全局变量中，然后从同级组件访问该数据。但是，由于它们同时加载，在另一个组件尝试从服务接收<em
浏览 0提问于2018-10-19得票数 0
0回答
基本上，我在组件1的模板中有类似的东西。<div> <li>1</li> <li>3</li> </ul>这在组件2的模板中，它是component1的兄弟
<div class="test&quo
浏览 3提问于2017-06-02得票数 1
我有两个兄弟级组件，一个是带有表单的模式(用于添加/编辑用户)，另一个是一个用户表。当用户被添加或更新时，我需要更新兄弟级表。我试图在onSubmit() /form组件中触发更改，但它似乎没有更新兄弟级组件：然后：
constr
浏览 0提问于2018-03-15得票数 0
我正在学习角2，我试图通过点击第一个组件将数据从一个组件发送到另一个组件。 }这是服务：
import {Injectable, EventEmitter} from '@angularconsole.log('sending
浏览 1提问于2016-05-28得票数 3
回答已采纳
这是我的父组件： import {ChildComponent} from '../..id: 3, } }这是我的子组件：
import {Component, Input, Output, EventEmitte
浏览 0提问于2016-03-24得票数 1
回答已采纳
我试图以这样的角度将数据从一个组件发送到另一个组件。subscribe((res:any) => { });我将搜索的新闻从我的搜索组件发送到我的主组件，如果我在我的主组件中订阅ngOnInit中的主题，数据将是null，因为方法
浏览 3提问于2021-09-28得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
