Importing a Typescript interface vs using a namespace

Question

I'm using Typescript and AngularJs (1.6). When I need to declare a variable with an angular's type, I often hesitating between the two following syntaxes:

constructor(private $sce: ng.ISCEService) {}

and

import { ISCEService } from 'angular';

constructor(private $sce: ISCEService) {}

I assume these two pieces of code are doing the exact same things, but I'm not 200% sure.

My favourite is the first one as it does not require an import, but maybe I'm missing something. I'm curious, do you have some advise / opinion / best practice?

basarat · Accepted Answer · 2018-02-12 22:46:14Z

1

I assume these two pieces of code are doing the exact same things, but I'm not 200% sure.

They are saying the same thing. Difference depends on how your project is setup

If you are using angular globally e.g. using a script tag then use ng.
If you are using modules e.g. with webpack use imports import { ISCEService } from 'angular';

answered Feb 12, 2018 at 22:46

basarat

278k60 gold badges475 silver badges528 bronze badges

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

2 Comments

Sylvain Over a year ago

Thank you basarat. Interesting. Does it mean that if I plan to use webpack in the future, the import syntax is the way to go? Even with the help of angular typings?

basarat Over a year ago

You should use webpack today to keep sanity 🌹

Collectives™ on Stack Overflow

Importing a Typescript interface vs using a namespace

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related