在处理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
数据来说似乎太麻烦了
提前感谢您的任何见解!
https://stackoverflow.com/questions/53304040
复制相似问题