我对Angular还是很陌生,并且在理解最重要的概念之一(即跨组件通信)时遇到困难。
应用程序的目标:我有3个下拉选择选项,这些选项由初始API调用填充。我想根据用户选择的下拉选项进行另一个API调用,这将生成一个动态表(每当用户切换其下拉选择选项时,该表就会更新)
程序细分:
DropdownService
-在此文件中,我有一个服务,该服务的所有API调用都旨在为下拉菜单获取数据。
DropdownPopulatorComponent
-在此文件中,我订阅了下拉API,并使用从API调用返回的相应数据填充了下拉框。
TableGeneratorComponent
-我尚未完全制作/设计此文件,但我希望它能够使用在DropdownPopulatorComponent中选择的下拉数据。注意:我需要在此处订阅另一个API,但是需要来自DropdownPopulatorComponent的数据(我曾尝试将DropdownPopulatorComponent的下拉数据放入我的Service中,但是当我尝试在此文件中进行表API调用时返回undefined)
AppComponent
-除了在HTML中生成DropdownPopulatorComponent之外,我还没有真正触摸过该文件
我想基于用户选择的所选下拉选项在同一页面上生成一个表(所有这些信息都作为全局变量存储在我的DropdownPopulatorComponent中)。因此,我真正想问的是,解决我应用程序其余部分的最佳方法是什么。我想动态生成一个表并根据用户选择的下拉选项进行更新。
此外,为了将来参考,服务的确切用途是什么?是否应该保存对应用程序运行至关重要的数据?还是仅用于检索数据?