Angular2 and Typescript Definitions

Question

I am using the typescript definitions installed with tsd to work with Angular2's preview. Recently they have released 2.0.0-alpha.40 and now my routing doesn't work anymore. I have taken a look at the examples on angular's site and they are referencing for example routerBindings from angular2/router, but the current angular2/router does not define this function. I did ran an update and a reinstall with tsd but nothing changes. How do I know if the angular2 typescript definition published are up to date with the javascript version releases?

They stopped using tsd from alpha-41. typings: *.d.ts files are now bundled with npm package, tsd link or tsd install no longer needed. — Jesse Good
– Jesse Good, Commented Oct 13, 2015 at 21:28
As Jesse said, it comes with npm package now docs.google.com/document/d/… — lame_coder
– lame_coder, Commented Oct 14, 2015 at 0:08

TGH · Accepted Answer · 2015-10-14 01:37:37Z

1

Just get the typings via npm install

Put this in your package.json:

"angular2": "^2.0.0-alpha.42"

Among other things - they have renamed routerBindings to ROUTER_PROVIDERS.

Here is an updated write-up of routing in Angular 2.0: http://www.syntaxsuccess.com/viewarticle/routing-in-angular-2.0

You can see working samples here:http://www.syntaxsuccess.com/viewarticle/angular-2.0-examples

answered Oct 14, 2015 at 1:37

TGH

39.4k13 gold badges106 silver badges140 bronze badges

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

1 Comment

Evan Plaice Over a year ago

The samples you linked to use HashLocationStrategy which is only used to match fragments (ex /url/path#fragment).

Evan Plaice · Accepted Answer · 2015-10-31 06:53:22Z

0

This was changed in [email protected]

routerInjectables was renamed to ROUTER_BINDINGS

ROUTER_BINDINGS was then renamed to ROUTER_PROVIDERS

Use ROUTER_PROVIDERS

It includes:

RouteRegistry - the registry of defined routes
LocationStrategy = PathLocationStragety - match routes by path

This is basically a shortcut to bootstrap your Router with a default setup.

For example:

@Component ({
...
})
@View ({
...
})
@RouteConfig ({
...
})
class App {}

bootstrap(App, [ ROUTER_PROVIDERS ]);

Sources:

edited Oct 31, 2015 at 6:53

answered Oct 30, 2015 at 16:39

Evan Plaice

14.2k6 gold badges78 silver badges95 bronze badges

Collectives™ on Stack Overflow

Angular2 and Typescript Definitions

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