在两个组件和服务之间循环数据

时间:2018-08-07 07:42:49

标签: angular angular-services

我有一个我的有角度的应用程序,可以从api获取一个json对象,所以现在我想通过服务来实现它。

所以... 它具有对服务进行查询的搜索组件,该服务具有获取数据的功能。

Example diagram

然后,第二个组件需要获取数据并将其呈现在HTML上。 我的问题是:

  1. 第二个组件正在尝试在数据存在之前获取数据。 我想做一个这样的循环:

搜索组件通过服务调用searchService函数->视图组件从服务中获取数据(当然在数据存在之后)并通过其HTML模板呈现。

  1. json对象非常复杂,并且具有很多数组,子对象等。因此,我必须在所有字段上运行并为其创建模板,但是由于无法仅使用* ngFor,因为有时字段可以是一个对象。 (我的意思是呈现复杂的嵌套json的最佳方法是什么?)

1 个答案:

答案 0 :(得分:0)

数据准备就绪后,在second component中调用一个函数。 然后,您可以在该组件内进行处理( Typescript ),并根据需要绑定到 HTML

还要在模板中使用*ngIf来验证数据是否存在。