Angular `@Input()` type is `undefined` in runtime

Question

I have a Angular component, And I add a type to the Input property with namespace as follow code. @Input() size: AMap.Size

AMap is a namespace and the class Size with in. The IDE and typescript compiler work well.But, It's not work in browser。 And throw an error of Uncaught ReferenceError: AMap is not defined I found the compiled code

Why the type will compile into the code?

The AMap types as follow

declare namespace AMap {

    export class Size {}

}

thanks

that AMap namespace, is yours? I mean, belongs to your project, or comes from an external library — Oscar Paz
– Oscar Paz, Commented May 3, 2018 at 6:47
Can you show us the code of the file in which it is defined? — Oscar Paz
– Oscar Paz, Commented May 3, 2018 at 6:52
The file is in src/types/amap/index.d.ts, And the config of tsconfig.json is ``` "typeRoots": [ "node_modules/@types", "src/types" ] ``` — xsong
– xsong, Commented May 3, 2018 at 6:55

felher · Accepted Answer · 2018-08-28 15:45:46Z

1

What worked for me was using a type alias at the top of the file and then using that.

type ASize = AMap.Size

...

@Input() size: ASize

I know that this is only a workaround, but maybe it is of use to someone.

answered Aug 28, 2018 at 15:45

felher

813 bronze badges

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

1 Comment

Sebastian S. Over a year ago

I don't like this solution but it did the trick for me as well.

MRsa · Accepted Answer · 2018-05-03 07:01:31Z

0

I had a similar problem. I think that was related to Typescript, webpack bundling issue. Can you try to use:

export module AMap {
   export class Size {...}
}

instead of export namespace. And import it and use in component like:

import { AMap } from './../..';

answered May 3, 2018 at 7:01

MRsa

6844 silver badges8 bronze badges

Collectives™ on Stack Overflow

Angular `@Input()` type is `undefined` in runtime

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related