How do I implement modules using Typescript 1.5 and AngularJS 1.4?

Question

I have an Angular 1.4 application that was written using an earlier version of Typescript. Now I am looking to update this to use the new module capabilities that Typescript 1.5 gives me.

Does anyone have any examples of how I can implement modules with the new Typescript and current AngularJS. I have seen examples that don't use Typescript but have yet to find any example that uses Typescript that is for Angular 1.4

Answer 1

Typescript 1.5 supports ES6 module syntax which are de-facto standard as of now because of the ES6 being officialy released as ES2015. Typescript 1.5 rebranded internal / external modules into namespace and modules and you should be doing it using modules. I have a github repository, where I am using this module import export syntax (without typescript but that doesn't matter because module import export syntax is the same). This example project was heavily inspired by reading this tutorial.

Generally speaking you also want to use some build tool (I recommend Webpack). Then you can take the code described in the links above and start adding types and interfaces and using TS classes instead of ES6 classes.

Edit: also you should use DefinitelyTyped repository for Angular JS declaration file