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
私のコードです:私は下のエラーを取得することは保ちます
ありがとうございます!
を。 – Pingoo1978
;)我々はすべて時々疲れている。それを正しい答えとしてマークすることを忘れないでください:) –