using a interface to type a anonymous object in typescript

typescript strong-typing
Safari picture Safari · Jun 17, 2014 · Viewed 18.8k times · Source

I have a Interface IBase and a variable that contains a few other objects (in the sample i just added base for a better demonstration)

interface IBase {
    height?:number;
    width?:number;
}

var element = {
    base: {

    }
}

How can I say that the object that the varable element.base has is from the type IBase? I know that I could create a type for the element variable that contains the types of base etc, but is that also a possibility to type that scenario without doing so.

Answer

basarat picture basarat · Jun 17, 2014

Van den Brink's answer is good. Just as a demo another option : 

var element = {
    base: <IBase> {

    }
}

This will give the desired intellisense as well :

enter image description here

Related questions

When use a interface or class in Typescript

I have a simple scenario of a login that requires user's input a email and password in Typescript. I need to create some type to get this strong-typed and send it to the back-end. Should this be written as: export …

Read More
Strongly typing props of vue components using composition api and typescript typing system

I am using vue composition api with typescript. How can I strongly type the component props using typescript typing system?

Read More
How to convert a string to number in TypeScript?

Given a string representation of a number, how can I convert it to number type in TypeScript? var numberString: string = "1234"; var numberValue: number = /* what should I do with `numberString`? */;

Read More