问如何为动态组件提供输入和输出

EN

在处理Angular的ngComponentOutlet不可访问的@Input和@Output的交互时，我遇到了ng-dynamic-component包。

在我的应用程序中，我希望在*ngFor中动态实例化不同类型的选项卡组件。

阅读ng-dynamic-component文档，与@Input和@Output进行交互并不是在ng-dynamic-component模板中，而是在组件实现本身中。

考虑到我需要运行所有选项卡的事实，每个选项卡需要获得不同的@Input，并基于其实例向@Output订阅不同的数据，例如，

<ndc-dynamic *ngFor="let tab of tabs"
              [ndcDynamicComponent]="component"
              [ndcDynamicInputs]="inputs" <!-- this needs to be different for each tab-->
              [ndcDynamicOutputs]="outputs"> <!-- this needs to be different for each tab-->
</ndc-dynamic>

除了用inputs和outputs成员损坏我的选项卡对象，或者创建一个特殊的接口，例如：

interface DynamicTab {
  tab: Tab,
  inputs: any,
  outputs: any
}

你知道如何实现这样的行为吗？有什么方法可以很好地利用*ngFor并使用当前选项卡来操作基本的inputs吗？

我可以在我的组件上创建两个方法来计算所需的输入和输出，但是在使用*ngFor运行时，所有这些选项对于处理我已经拥有的当前tab数据来说似乎太麻烦了

提前感谢您的任何见解！