6

Http を注入するのと同じように Location を注入するのと同じ方法だと思いました。ただし、最後の行で「public location: Location」のコメントを外すと、アプリが壊れます。ページがレンダリングされません。私が見る限り、正しいインポートとプロバイダーの配列があります。

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*/) {

私の index.html には、次の行があります。

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

私のブートストラップ コードには、次のものがあります。

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})]);

何かを見逃したのか、それとも現在のビルドが壊れているのかわかりません。それが最初のケースである場合、私は何を見逃しましたか?

4

1 に答える 1

2

あなたのNgModuleで

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

あなたのコンポーネントでは、それを注入する必要があります

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

 constructor(
     @Inject('locationObject') private locationObject: Location
 ) {}
于 2017-03-29T12:29:21.730 に答える