using_router_providers.md

Using Router Providers

In order to set up Angular 2's routing service, we must inject certain routing providers. Routing is a large topic that needs its own section, but let's take a look at a simple example of how to get started with Angular 2's routes using bootstrap.

import {bootstrap} from '@angular/platform-browser-dynamic'
import {ROUTER_PROVIDERS} from '@angular/router-deprecated'
import {LocationStrategy, HashLocationStrategy} from '@angular/common'
import {provide} from '@angular/core'
import {App} from './app.component'

bootstrap(App, [ROUTER_PROVIDERS, provide(LocationStrategy, {useClass: HashLocationStrategy})]);

View Example

Here we have imported ROUTER_PROVIDERS as an application-wide provider that can be configured in our root component. Since we have injected ROUTER_PROVIDERS as an application-wide provider, we can also employ useful router directives in any component we want, thus allowing us to interact with the router at any point in our application.