How to use Angularjs with TypeScript

Question

I want to use Angularjs with TypeScript.

To solve TS2095: Could not find symbol 'angular' error, I downloaded ts files from here and added references to controllers.ts like this:

/// <reference path="angular.d.ts" />
/// <reference path="jquery.d.ts" />
var mathML = angular.module('mathML', []);

But I still have similar error like this:

angular.d.ts(33,28): error TS2095: Could not find symbol 'JQuery'.

How can I solve this error? Is there better way to setup environment to use Angularjs with TypeScript?

If you use tsd it sets up the paths for you definitelytyped.org/tsd — basarat
– basarat, Commented Jun 14, 2014 at 7:05

Alex · Accepted Answer · 2014-06-14 05:31:06Z

4

Using the following directory structure :

|- angular
    |- angular.d.ts
|- jquery
    |- jquery.d.ts
|- mathML.ts

I was able to get the following sample code to compile without errors.

/// <reference path="angular/angular.d.ts" />
var mathML = angular.module('mathML', []);

The angular.d.ts file references the jquery.d.ts file using a relative path. The directory structure is pretty standard for typescript code.

answered Jun 14, 2014 at 5:31

Alex

2,0232 gold badges16 silver badges26 bronze badges

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

3 Comments

kreinsch Over a year ago

Sadly, I am consuming these from NuGet using a package manager that does not unpack them into this hierarchy. I would really like to see the developer rework this into something that behaves correctly without having to manually copy files.

Trevor Over a year ago

Does the directory hierarchy really matter? Should you be able to /// <reference.../> the type definitions wherever they are (e.g. "../../some/path/angular.d.ts")?

Alex Over a year ago

@threed it doesn't really matter. I just said that it is pretty standard to use that path structure. The directory structure will constitute what goes inside the <reference /> but it doesn't have to be the exact structure I used.

Collectives™ on Stack Overflow

How to use Angularjs with TypeScript

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related