2016-10-19 6 views
0

すべてのサービスを含むservicesModuleを作成しようとしています。 RemoteServiceはそれを取得するのと同じくらい簡単です、私が移動しようとしている 最初のサービスは私のリモートサービスですが、私はこのエラーを取得しています、と私は サービスngmoduleを作成しようとするとキャッチされないエラーが発生する

間違っ

Uncaught Error: Unexpected value 'RemoteService' declared by the module 'ServicesModule' 
をやっているかを見ることができません

import {Injectable, OpaqueToken} from '@angular/core'; 

@Injectable() 
export class RemoteService { 
    constructor() { 
     console.log("RemoteService created"); 
    } 
} 

とサービスモジュール。

あなたのモジュールのサービスを宣言する providersを使用する必要が
import { NgModule } from '@angular/core'; 
import { RemoteService } from "./remote.service"; 

@NgModule({ 
    declarations: [RemoteService], 
}) 
export class ServicesModule { } 

そして最後にアプリのコンポーネント

import { ServicesModule, RemoteService } from "./services"; 

@NgModule({ 
    declarations: [ 
    AppComponent, 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    ServicesModule, 
    ], 
    providers: [ 
    RemoteService 
    ], 
    bootstrap: [AppComponent], 
}) 
export class AppModule { } 

答えて

0

:私はapp.moduleでRemoteServiceを含めるために、コードを編集し

import { NgModule } from '@angular/core'; 
import { RemoteService } from "./remote.service"; 

@NgModule({ 
    providers: [RemoteService] 
}) 
export class ServicesModule { } 
+0

お知らせ(私は質問にコードをコピーしたときに誤って削除しました)。 ありがとう@ ranakrunal9、それは動作します。 –

関連する問題