角度2のオブザーバブルが動作しません（Httpメソッド）

Question

私のサービスに問題があります。私は、HTTPモジュールからJSONを取得し、クラス 'olders'をそれに記入するサービスを持っています。しかし、私が私のサービスを呼び出すと、何もしません。私のクラスの古い人はまだundifinedです... そして、yearbook.component.htmlの* ngFor指示をすれば、何も得られません... 私は思います私の問題は私のサービスから来ましたが、エラーがある場合、私は私が購読

私yearbook.componentの内側にconsole.logを入れていても... を知らない：

import {Component} from '@angular/core' 
import {Olders} from './olders' 
import {OldersService} from './olders.service' 

@Component({ 
    moduleId: module.id, 
    selector: 'yearbook', 
    templateUrl: 'yearbook.component.html', 

}) 

export class YearbookComponent { 

    olders : Olders[]; 

    constructor(
    private _oldersService : OldersService 
){} 


    ngOnInit() { 

    this._oldersService.getOldersfromAPI() 
         .subscribe(res => {this.olders = res, 
              console.log(this.olders)}, 
            err => console.error(err.status) 
           ); 


    } 
} 

とolders.service：

すべてのあなたの答えを事前にの

import {Injectable} from '@angular/core' 
import {Http} from '@angular/http' 
import {Olders} from './olders' 
import 'rxjs/add/operator/map' 
import 'rxjs/add/operator/do' 

@Injectable() 

export class OldersService { 

    constructor(private _http:Http) { 

    } 

    getOldersfromAPI(){ 

    return this._http.get('../CDN/olders.json') 
        .do(x => console.log(x)) 
        .map(olders => {olders = olders.json()}); 
    } 
} 

おかげでみんな

Answer 1

あなたのマッピングでreturn文が欠落しています

.map(olders => {olders = olders.json()}); 

は次のようになりますの

.map(olders => { return olders = olders.json()});