Typescript: How to define interface for dynamical object like this

Question

Let's say I have function which takes this object as one of the arguments:

{
    section: "main",
    sectionColor: "#0072c6",
    favIcon: "default",
    libraries: {
        value: "librariesFiles",
        type: "jsIncludes"
    },
    components: {
        value: "comoponentFiles",
        type: "jsIncludes"
    }
}

Here is interface I came up to define this property in function:

interface IgenerateFileArgumentObjectItem {
    value: string;

    type: string;
}

export interface IgenerateFileArgument {
    [key: string]: (string | IgenerateFileArgumentObjectItem);
}

Shortly, I'm trying define object with dynamic number of properties which can be equal either to string value either to another object with two properties...

But compiler is complaining, and I think issue is in this line: (string | IgenerateFileArgumentObjectItem)

Is there any obvious mistake or am I trying to do impossible thing?

What are librariesFiles and comoponentFiles are they strings? — Nitzan Tomer
– Nitzan Tomer, Commented Aug 21, 2016 at 19:44
What exactly is the compiler complaining about? It compiles for me without errors. — Tamas Hegedus
– Tamas Hegedus, Commented Aug 21, 2016 at 19:52
Nitzan, yes those are strings. I have updated question with some screenshots — Tautvydas
– Tautvydas, Commented Aug 21, 2016 at 20:20
Screenshots are not as good as text/code, plus from the looks of it, it seems that no, librariesFiles and comoponentFiles are not strings, they are string[], am I right? Are there any more things that you can add/fix about the question? — Nitzan Tomer
– Nitzan Tomer, Commented Aug 21, 2016 at 20:49

qballer · Accepted Answer · 2016-08-21 21:02:42Z

1

I have created the following example, you can view it here in the TS playground. I was able to reconstruct you're issue. It seems that either one (or all) of the following librariesFiles, componentFiles, modellingContentStates, sharePointStates is of type string[].

interface IgenerateFileArgumentObjectItem {
    value: string;

    type: string;
}

export interface IgenerateFileArgument {
    [key: string]: (string | IgenerateFileArgumentObjectItem);
}

var p: string = 'uo'
var lol :string[] = ['no', 'po']; // Fix this to string type
var a: IgenerateFileArgument = {
    c: {
        value: p,
        type:'mo'
    },
    b:'lol',
    e: {
        value:'yo',
        type:'mo'
    },
    m: {  // you can remove this instead
        value:lol,
        type:'go'
    }
}

edited Aug 21, 2016 at 21:02

answered Aug 21, 2016 at 20:56

qballer

2,1112 gold badges22 silver badges41 bronze badges

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

1 Comment

Tautvydas Over a year ago

Bingo! Thank you, silly me missed something. Also when working between different types, good thing to know about type casting

Collectives™ on Stack Overflow

Typescript: How to define interface for dynamical object like this

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related