どのように角度2に位置を注入できますか？

Question

私はHttpを注入するのと同じようにLocationを挿入するのと同じ方法であると思っていました。しかし、私のアプリケーションが壊れます - 最後の行で "public location：Location"のコメントを外すとページがレンダリングされません。私の知る限り見ることができるように、私は正しいインポートとプロバイダの配列があります。私のブートストラップコードで

<script src="https://code.angularjs.org/2.0.0-beta.0/router.dev.js"></script> 

、私が持っている：私のindex.htmlで

import {Component} from 'angular2/core'; 
import { 
    ROUTER_DIRECTIVES, 
    ROUTER_PROVIDERS, 
    RouteConfig, 
    Location, 
    LocationStrategy, 
    HashLocationStrategy 
} from 'angular2/router'; 

import {TaskForm} from './task_form'; 
import {TaskList} from './task_list'; 
import {AboutUs} from './about_us'; 

@Component({ 
    selector: 'task-app', 
    templateUrl: 'app/task_app.html', 
    providers: [ROUTER_PROVIDERS], 
    directives: [TaskForm, TaskList, ROUTER_DIRECTIVES] 
}) 
@RouteConfig([ 
    {path: '/', component: TaskApp, as: 'Home'}, 
    {path: '/about_us', component: AboutUs, as: 'aboutUs'} 
]) 
export class TaskApp { 
    constructor(/*public location: Location*/) { 

を、私は次の行を持っています：

import {bootstrap} from 'angular2/platform/browser'; 
import {HTTP_PROVIDERS} from 'angular2/http'; 
import {provide} from 'angular2/core'; 

import { 
    ROUTER_DIRECTIVES, 
    ROUTER_PROVIDERS, 
    RouteConfig, 
    Location, 
    LocationStrategy, 
    HashLocationStrategy 
} from 'angular2/router'; 

import {TaskApp} from './task_app'; 
import {MyService} from './my_service' 

bootstrap(TaskApp, [HTTP_PROVIDERS, ROUTER_PROVIDERS, MyService, provide(LocationStrategy, {useClass: HashLocationStrategy})]); 

私が何かを見逃しているか、現在のビルドが壊れているかわかりません。それが最初のケースであれば、私は何を見逃しましたか？あなたはそれを注入する必要があるコンポーネントで

Answer 1

あなたNgModuleで

providers: [ 
    { provide: 'locationObject', useValue: location} 
    ] 

あなたは右のそれをやっているので、

import { Component, Inject } from '@angular/core'; 

constructor(
    @Inject('locationObject') private locationObject: Location 
) {}