如何以角度访问来自不同组件的数组

Posted 2023-02-23

【中文标题】如何以角度访问来自不同组件的数组

【英文标题】：how to access arrays from different component in angular

【发布时间】：2020-07-06 03:02:54

【问题描述】：

我是编程新手，只是想知道如何从 Angular 项目中的不同组件访问数组

这些数据chips: Array<String> = ["One", "Two", "Three"];在tags.component.ts文件中

我想访问home.component.ts文件中的那些数据

我在 home 组件中有搜索过滤器，所以我试图访问这些数据并在用户搜索这些数据时显示在 home 组件中。

谢谢

【问题讨论】：

如果您需要共享数据，一种方法是使用单例服务来保存该数据。然后可以将服务注入到您需要数据的组件中。

【参考方案1】：

有不止一种方法可以做到这一点。看看这个资料，你会学到这个https://fireship.io/lessons/sharing-data-between-angular-components-four-methods/

长话短说 - 有几种方法可以共享数据（通过 Input、ViewChild、Output() 和 EventEmitter）以及通过 Service 在不相关的组件之间共享数据。

我希望这会有所帮助！

【参考方案2】：

我猜您不会得到太多答案，因为答案比简单的操作更复杂。此外，他们会对您投反对票，因为他们没有发布指向您尝试过的项目链接以让他们查看您正在使用的所有代码。

我的建议是你看这个关于 Angular 6 的系列。它非常有深度而且非常好。 https://codecraft.tv/courses/angular/es6-typescript/1/