Interface typing array with multiple possible object types

Question

I have an interface that contains a property which is an array containing 2 different possible object types:

<Type>FormerComponent and FormerGenericComponent

Here are my interfaces

interface FormerConfigColumn {
    container: ViewContainerRef
    components?: Type<FormerComponent>[]|FormerGenericComponent[];
}

interface FormerGenericComponent {
    component: Type<FormerComponent>;
}

The above doesn't work the way I would like it to. I think the above defines an array containing only Type<FormerComponent>s or only FormerGenericComponents

I want FormerConfigColumn.components to contain an array of objects, and said objects can either be Type<FormerComponent> or FormerGenericComponent.

How can I do this?

Thanks!

can you simplify your question with simple Interfaces, I have no clue what Type and FormerComponent is — Medet Tleukabiluly
– Medet Tleukabiluly, Commented Apr 7, 2020 at 20:47

OSH · Accepted Answer · 2020-04-07 20:47:41Z

5

interface FormerConfigColumn {
    container: ViewContainerRef
    components?: (FormerComponent | FormerGenericComponent)[];
}

This will define components as an optional property of FormerConfigColumn that holds an array which can be filled with FormerComponent or FormerGenericComponent.

If you want components to hold an array of FormerComponent or FormerGenericComponent, but not both at the same time, then use:

    components?: (FormerComponent[] | FormerGenericComponent[]);

answered Apr 7, 2020 at 20:47

OSH

8215 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Interface typing array with multiple possible object types

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related