当前位置: 首页 > 知识库问答 >
问题:

在组件之间传递数据,无需@Input/@Output

闻人宇定
2023-03-14

简而言之,我需要一个“购物车”一样的关系,从一个组件到网站的其余部分。我说“类似购物车”是因为它基本上是用户浏览时产生的需求列表。它不会有任何价格或税收逻辑,但每种类型的需求都有其“自己的< code >子参数,与我正在为其创建< code >接口的其他需求不同。我认为< code >需求组件将使用< code>any类型来接受输入的数据块。

截至目前,创建@Inputs和@Outputs穿过整个树的大规模高速公路,只是为了越过一个分支并返回一层似乎过于乏味。我认为,如果我能创建一个直接推送到需求组件的函数,或者创建一个类来推送所有内容并在需求组件中订阅它,那就太好了。

我在搜索中将过滤器设置为2月1日 - 现在,发现这个使用Angular2中的服务在组件之间共享数据

它揭示了这是可能的,但是由于我不知道我应该如何去做,我不知道如何从中得出答案。

我还没有想出任何代码来尝试它,因为我不知道要尝试什么,所以我只有我的组件。看到我正在询问一种创建关系的方法,无论事情落在组件树上的哪个位置,我都看不到发布基本上只说


共有1个答案

芮琛
2023-03-14

利用Angular服务,它们是在组件之间传递数据之一,并且由于输入和输出也很容易,您将陷入事件发射器的意大利面条中,您也可以查看ngrx存储以在一个地方保存数据。但我建议您仅在中型到大型应用程序的情况下使用ngrx,因为它会增加一些代码

我的存储库详细使用了这两个概念 https://github.com/rahulrsingh09/AngularConcepts

 类似资料:
  • 问题内容: 我有一个调用会弹出一个的,以便用户可以选择目录。这些都是单独的类。从中传递值的正确方法是什么,以便我可以在中显示目录的路径? 编辑:更新了问题。 问题答案: 这是一个不完整的示例,但我想可以使您了解如何实现所需的目标。重要的一点是引用要在其中进行选择的属性,例如 参见下面如何将其放置在代码中: 希望对您有所帮助,对不起您没有提供完整的示例。 编辑 本质上,我们没有将任何参数传递给Abs

  • 我正在学习通过教程在父组件和子组件之间传递数据。我仔细检查了我的代码,仍然没有找出错误。 我的index.js Home.js 按钮更改链接onClick事件正在调用changeLink函数,该函数将新链接传递给props。 错误:-

  • 本文向大家介绍vue.js组件之间传递数据的方法,包括了vue.js组件之间传递数据的方法的使用技巧和注意事项,需要的朋友参考一下 前言 组件是 vue.js 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。如何传递数据也成了组件的重要知识点之一。 组件 组件与组件之间,还存在着不同的关系。父子关系与兄弟关系(不是父子的都暂称为兄弟吧)。 父子组件 父子

  • 问题内容: 我对React和Redux非常陌生,我正在尝试将数据从一个组件传递到另一个组件。但它没有父子关系,并且彼此独立。谁能帮我做到这一点?下面是我的代码。 另一个文件是我想发送EmpNumber的位置, 问题答案: 好的,这是一个例子。我将假设您已经配置了所有Redux存储,即创建存储,rootReducer等…,因为这是一个单独的帖子。 因此,基本的想法是,当你想更新你的终极版商店状态你

  • 问题内容: 我在页面上有一个组件的两个实例(搜索字段),在它们之间有另一个组件(进行服务器调用的按钮),例如: 我要做的只是将一个未修改的参数从CardSearch字段传递到RunOnServer按钮,但是如果简单的话,我该死的。据此,我可以使用this.state.var作为道具,但是这样做可以在编译代码时给我’undefined.state.var’。React的官方文档并不出色。他们只是告诉