承諾拒絕：FooService未定義

Question

我甚至沒有使用FooService，但Angular 2想抱怨。

export class DisplayFooComponent implements OnInit { 

private foo: Foo; 

constructor() {} 

ngOnInit() { 
// this.getFoo(); 
this.foo.name = "Bar Test"; 
} 

// getFoo() : void { 
// this.fooService.getFoo() 
//  .then(foo => this.foo = foo); 
// } 
} 

我追了幾個小時。引用服務一切都消失了，但它仍然抱怨說，它沒有定義，（因爲角2示數了），它不會顯示在頁面上的任何

但是，如果我做的：

export class DisplayFooComponent implements OnInit { 

private foo: Foo; 

constructor(private fooService:FooService) {} 

ngOnInit() { 
this.getFoo(); 
//this.foo.name = "Bar Test"; 
} 

getFoo() : void { 
    this.fooService.getFoo() 
    .then(foo => this.foo = foo); 
} 
} 

我仍然得到一個錯誤，該服務未定義，但它使用我的服務，進行http調用，仍然獲得Foo。

我想我錯過了一些非常簡單的東西。任何幫助是極大的讚賞。

Answer 1

升級從角CLI 1.0.0- beta.20.5到1.0.0-beta.21似乎已經修復它。現在按預期行事。

Answer 2

您在提供程序中插入FooService：[]？

爲例：

@Component({ 
    providers: [FooService], 
    templateUrl: './youTemplate.html' 

}) 

您還必須導入文件：

import {FooService} from 'youPath/fooService'; 

你也應該在模塊中導入：

import {FooService} from 'youPath/fooService'; 

@NgModule({ 
    imports: [ .... ], 
    declarations: [ .... ], 
    providers:[ FooService ] 
})