2017-02-08 21 views
0

Я пытаюсь внедрить службу, чтобы получить информацию от API-интерфейса Jsonplaceholder RESTful в компонент. Я получаю ошибку ниже:Ошибка Angular2: ИСКЛЮЧЕНИЕ susbscribe не является функцией

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

Вот мой код:

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 { } 

app.component.ts:

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

Благодарим за помощь!

ответ

1

Вы получили опечатка:

susbcribe 

вместо

subscribe 
+0

О человек, я такой синица. – Pingoo1978

+0

;) Мы все устаем иногда. Не забудьте отметить его как правильный ответ :) –