时间戳

首页 > 解决方案 > 为什么创建自己的动态组件将信息传递给父组件？

angular - 为什么创建自己的动态组件将信息传递给父组件？

问题描述

我有一个简单的天气应用程序，作为用户，我需要在两个城市（特拉维夫或基辅）之间进行选择，选择我希望查看天气的单位（英制、公制或标准）并显示来自 openweather rest api 的结果。当我单击加号按钮时，我需要再次创建相同的组件并继续相同的功能。

我使用ngrx 来处理这个应用程序的状态，并且还使用了这个网站的weahter api： https ://openweathermap.org/current#data

现在我们了解了我需要什么，我做的一切都很好，但是我有一个错误，当我创建新的子组件时，我显示气泡/覆盖每个先前/父组件的先前数据的细节。

我在这里将代码上传到 stackblitz：

编辑：https ://stackblitz.com/edit/github-weather-app ？

只是运行：https ://github-weather-app.stackblitz.io

所以主要的问题是：当我使用具有相同组件的 dynamicFactoryResolver 创建一个组件时，为什么我需要显示的信息传递给创建它的父组件？

谢谢

编辑：我修复了代码以返回虚拟信息，而不是使用 http get 方法来演示我与ngrx的真正问题

标签： angulartypescriptngrx

解决方案

推荐阅读