将动态模板注入到 ionic 3 中的 List 组件

Question

到目前为止我已经完成了

我是 ionic 新手并在 ionic 3 中构建了一个 List 组件，它从服务器获取 JSON 数据..并传递给列表模板，因此它在我指定列表选择器的页面上显示列表布局。

要求

我需要显示不同的列表布局[列表分隔符， 列表标题，图标列表，头像列表等...]在我的应用程序中的相同/不同页面中。我如何制作从服务器获取数据后传递到动态模板以制作所需列表布局的组件。是否存在一种在组件中传递动态模板的方法？

Answer 1

Angular 允许模板本身是动态的。因此，“传递”模板与为每个需求创建一个新组件并根据某些条件使用每个组件是一回事。

如果我理解正确的话。您正在获取一些服务器端数据，并且根据该数据包含的内容，您可能需要在列表中使用其他组件[列表分隔符、列表标题、图标列表、头像列表等...] ?

如果这是真的，您有几个选择。

1. 找出不同列表类型的所有不同条件。如果您有 2 种或更多不同的列表类型，只需为由 *ngIf 切换的每种列表类型创建组件。

2. 创建一个包含模板中所有条件的大型列表组件。这将是一种混乱的方法。

组件交互由输入和输出或服务处理。 Ionic 还会向您抛出一个您可以使用的事件 api。一般来说，这是一个很好的参考：https://angular.io/guide/component-interaction

Answer 2

我知道，这个问题很老了，但对于其他访问者来说，我认为 Angular 的官方教程是更好的开始方式。

https://angular.io/guide/dynamic-form

希望对大家有所帮助。