TypeScript. incompatible types in array. How to declare an object with method that can take array of any objects?

Question

How to declare an object with method that can take array of any objects?

In the code beloy: (1) code has a compile error 'Incompatible types in array'. (2) no error. I want to use (1).

declare var enyo;


// (1). compile error: 'Incompatible types in array'

enyo.kind({
    name: "HelloWidget",
    components: [
        { name: "hello", content: "Hello From Enyo" },
        { kind: "Button", content: "Click Me!", ontap: "helloTap" }
    ]
});


// (2). no erros but have to write <any>

enyo.kind({
    name: "HelloWidget",
    components: [
        <any>{ name: "hello", content: "Hello From Enyo" },
        <any>{ kind: "Button", content: "Click Me!", ontap: "helloTap" }
    ]
});

score 1 · Answer 1 · answered Apr 03 '13 at 16:14

1

The best fix would be to provide some type information on enyo so the compiler can apply a contextual type to the array expression:

interface EnyoComponent {
    name?: string;
    content?: string;
    kind?: string;
    ontap?: string;
}

declare var enyo: {
    kind(settings: {
        name: string;
        components: EnyoComponent[];
    });
};

enyo.kind({
    name: "HelloWidget",
    components: [
        { name: "hello", content: "Hello From Enyo" },
        { kind: "Button", content: "Click Me!", ontap: "helloTap" }
    ]
});

answered Apr 03 '13 at 16:14

Ryan Cavanaugh

209,514
56
272
235

It is not suitable. Is there any another way? – user1167761 Apr 03 '13 at 16:24
What are your actual constraints? – Ryan Cavanaugh Apr 03 '13 at 17:25

score 1 · Accepted Answer · answered Apr 03 '13 at 20:52

You can use any[] to accomplish this in your interface.

declare var enyo: {
    kind(settings: {
        name: string;
        components: any[];
    });
};

// The following will now compile without errors

enyo.kind({
    name: "HelloWidget",
    components: [
        { name: "hello", content: "Hello From Enyo" },
        { kind: "Button", content: "Click Me!", ontap: "helloTap" }
    ]
});

TypeScript. incompatible types in array. How to declare an object with method that can take array of any objects?

2 Answers2