角度:跨组件通信问题。在另一个组件/ API调用中使用一个组件中的数据

时间:2019-04-22 19:51:24

标签: angular angular-components

我对Angular还是很陌生,并且在理解最重要的概念之一(即跨组件通信)时遇到困难。

应用程序的目标:我有3个下拉选择选项,这些选项由初始API调用填充。我想根据用户选择的下拉选项进行另一个API调用,这将生成一个动态表(每当用户切换其下拉选择选项时,该表就会更新)

程序细分:

DropdownService-在此文件中,我有一个服务,该服务的所有API调用都旨在为下拉菜单获取数据。

DropdownPopulatorComponent-在此文件中,我订阅了下拉API,并使用从API调用返回的相应数据填充了下拉框。

TableGeneratorComponent-我尚未完全制作/设计此文件,但我希望它能够使用在DropdownPopulatorComponent中选择的下拉数据。注意:我需要在此处订阅另一个API,但是需要来自DropdownPopulatorComponent的数据(我曾尝试将DropdownPopulatorComponent的下拉数据放入我的Service中,但是当我尝试在此文件中进行表API调用时返回undefined)

AppComponent-除了在HTML中生成DropdownPopulatorComponent之外,我还没有真正触摸过该文件

我想基于用户选择的所选下拉选项在同一页面上生成一个表(所有这些信息都作为全局变量存储在我的DropdownPopulatorComponent中)。因此,我真正想问的是,解决我应用程序其余部分的最佳方法是什么。我想动态生成一个表并根据用户选择的下拉选项进行更新。

此外,为了将来参考,服务的确切用途是什么?是否应该保存对应用程序运行至关重要的数据?还是仅用于检索数据?

0 个答案:

没有答案