2017-02-08 7 views
0

jsonplaceholder RESTful APIからコンポーネントに情報を取得するサービスを注入しようとしています。 app.component.ts Angular2エラー:EXCEPTION susbscribeが関数ではありません

app.module.ts: 
import { BrowserModule }   from '@angular/platform-browser'; 
import { HttpModule, JsonpModule } from '@angular/http'; 
import { AppComponent }   from './app.component'; 

import { PostService }    from './post.service'; 


@NgModule({ 
    imports:  [ BrowserModule, HttpModule, JsonpModule ], 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ], 
    providers: [ PostService ] 
}) 

export class AppModule { } 

import { Component } from '@angular/core'; 
import { PostService } from './post.service'; 

@Component({ 
    selector: 'my-app', 
    template: `` 
}) 

export class AppComponent { 
    constructor(private _postService: PostService){ 
     this._postService.getPosts() 
      .susbcribe(posts => console.log(posts)); 
    } 
} 

post.service.ts:

import {Injectable} from '@angular/core'; 
import {Http} from '@angular/http'; 

import 'rxjs/add/operator/map'; 

@Injectable(); 

export class PostService { 

    private _url = "http://jsonplaceholder.typicode.com/posts"; 

    constructor(private _http: Http){ 
    } 

    getPosts(){ 
     return this._http.get(this._url) 
      .map(res => res.json()); 
    } 

    createPost(post){ 
     return this._http.post(this._url, JSON.stringify(post)) 
      .map(res => res.json()); 
    } 
} 
ここ

EXCEPTION: Error in ./AppComponent class AppComponent_Host - inline template:0:0 caused by: this._postService.getPosts(...).susbcribe is not a function 

私のコードです:私は下のエラーを取得することは保ちます

ありがとうございます!

答えて

1

あなたはタイプミスだ:男ああ、私は、このような報復だ

susbcribe 

代わりの

subscribe 
+0

を。 – Pingoo1978

+0

;)我々はすべて時々疲れている。それを正しい答えとしてマークすることを忘れないでください:) –

関連する問題