How to include Angular (not JS) types in tsconfig so I don't have to import them?

Question

I've been spending the past couple of days trying to figure out how to include Angular types in my .d.ts files so I don't have to import my types into other files. I tried installing @types/angular but quickly discovered that's for AngularJS which I don't want. For instance, if I want to define a type like this:

interface Foo {
   bar: EventEmitter<string>;
}

I would have to import EventEmitter and now have to export Foo which breaks the .d.ts file. Now that means it requires me to import Foo into whatever file I want to use it in. Instead, I would like to do something like this:

interface Foo {
   bar: angular.EventEmitter<string>;
}

Hopefully this all makes sense and any help would be greatly appreciated.

Something to try: bar: import('@angular/core').EventEmitter<string>; — R. Richards
– R. Richards, Commented Apr 22, 2020 at 12:51
Ughh, I can't believe it was that easy!! That seems to have done the trick. I really appreciate your help! — G3tinmybelly
– G3tinmybelly, Commented Apr 22, 2020 at 13:12

R. Richards · Accepted Answer · 2020-04-22 13:20:35Z

4

You can inline imports by using the following syntax:

import('@angular/core').EventEmitter<string>;

Like this:

interface Foo {
   bar: import('@angular/core').EventEmitter<string>;
}

answered Apr 22, 2020 at 13:20

R. Richards

25.2k10 gold badges67 silver badges65 bronze badges

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

1 Comment

G3tinmybelly Over a year ago

It's not the prettiest solution but it gets the job done!

Collectives™ on Stack Overflow

How to include Angular (not JS) types in tsconfig so I don't have to import them?

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