Angular-如何在手动嵌套的组件中重用数据

Question

我有两个Angular组件， checklist-page和checklist 。 checklist-page从后端下载数据

我想用checklist组件多次内部checklist-page组件。

我想在checklist组件中使用checklist-page的下载数据。

不同之处在于，我无法选择基本的父子组件嵌套方式，因为我想以这种方式自定义地设置每个checklist实例的参数：

<checklist-page [type]='locations'>
   <checklist [checklistData]="parentComponentData" [filter]='visited'>
   <checklist [checklistData]="parentComponentData" [filter]='remaining'>
   <checklist [checklistData]="parentComponentData" [filter]='visited' [userId]=123>
   <checklist [checklistData]="parentComponentData" [filter]='visited' [userId]=234>
   <checklist [checklistData]="parentComponentData" [filter]='remaining' [userId]=456>
   <checklist [checklistData]="parentComponentData" [filter]='remaining' [userId]=456>
   .
   .
   .
</checklist-page>

简而言之，我不知道checklist-page模板的内容是什么，它可能有所不同。

在这种情况下，如何将数据从checklist-page传递到checklist ？

Answer 1

您可以从此链接使用一种方法。我更喜欢一种服务https://angularfirebase.com/lessons/sharing-data-between-angular-components-four-methods/

Answer 2

您可以使用动态组件加载器https://angular.io/guide/dynamic-component-loader 。