【问题标题】:Passing data between components without @Input/@Output在没有@Input/@Output 的组件之间传递数据
【发布时间】:2017-10-01 16:09:04
【问题描述】:

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

截至目前,通过整棵树创建@Inputs@Outputs 的大型高速公路只是为了越过一个分支并返回一层似乎过于乏味。我想如果我可以创建一个直接推送到needs component 的函数或者创建一个类来推送所有内容并在needs component 中订阅它会很好。

我将搜索过滤器设置为 2 月 1 日 - 现在发现了这个 Share data between components using a service in Angular2

它更清楚地说明了这是可能的事实,但由于我不知道该怎么做,我不知道如何从中得出答案。

我还没有想出任何代码来尝试它,因为我不知道要尝试什么,所以我只有我的组件。看到我在询问一种创建关系的方法,无论事情落在组件树的哪个位置,我都没有看到发布组件的任何意义,这些组件到目前为止基本上只说 <h1>hi</h1> 以表明它们正在工作。如果您仍然想查看我的代码,我会发布它,但它并不多,哈哈。我仍在使用 Angular2,目前无法更新 Node 和 NPM 以使用 4。任何有关如何实现这一点的信息将不胜感激。

【问题讨论】:

标签: angular typescript


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 2020-04-27
    • 2020-01-14
    • 2017-03-28
    • 1970-01-01
    • 2017-03-03
    • 2017-08-26
    • 2018-02-15
    • 2020-08-08
    • 2020-03-05
    相关资源
    最近更新 更多