Angular2, alay verisiyle ilgili verileri alamıyor

Question

UPDATE: Üzgünüm, kodumun yanlış sürümünü kopyaladım: hizmetin içinde şimdi gösterildiği gibi then'u aradım.

Sahte veri sağlayan bir hizmet oluşturuyorum (here ile benzer bir yapı takip ediyor) ancak bazı nedenlerle veri alamıyor.

import {Injectable} from 'angular2/core'; 
import {MOCK_DATA} from './mock-data'; 

@Injectable() 
export class DataService{ 
    getData(){ 
    return Promise.resolve(MOCK_DATA).then(data => data); 
    } 
} 

sahte verileri:

export var MOCK_DATA = { 
    "apple": [ 
    {"taste": "apple", "really": false}, 
    {"taste": "random", "really": true}, 
    ], 
    "orange": [ 
    {"taste": "orange", "really": false}, 
    {"taste": "random", "really": true}, 
    ], 
} 

console.log sonuçlar ancak aşağıdaki gibidir: AppComponent gelen

pasajı

export class AppComponent implements OnInit{ 
    ngOnInit(){ 
    this.getData(); 
    } 


    constructor(private _dataService: DataService){ } 

    getData(){ 
     console.log('get data called'); 
     var data = this._dataService.getData(); 
     console.log('data type is '+typeof(data)); 
     console.log('data key is '); 
     for(var k in data){ 
     console.log(k); 
     } 

DataService olan

get data called 
app.component.ts:46 data type object 
app.component.ts:47 data key 
app.component.ts:49 __zone_symbol__state 
app.component.ts:49 __zone_symbol__value 
app.component.ts:49 then 
app.component.ts:49 catch 

Answer 1

Sen veri almaya muktedir getData yöntemi tarafından döndürülen sözü then yöntemini çağırmanız gerekir: then yöntem hizmetinde bileşeni içinde kullanılan ve kullanılması gerektiğini

getData() { 
    console.log('get data called'); 
    this._dataService.getData().then(data => { 
    // Handle the data 

    // For example 
    console.log('data type is '+typeof(data)); 
    console.log('data key is '); 
    for(var k in data){ 
     console.log(k); 
    } 
    }); 
} 

.

Servis olmalıdır:

@Injectable() 
export class RBACService{ 
    getData(){ 
    return Promise.resolve(MOCK_DATA); 
    } 
} 

yerine

@Injectable() 
export class RBACService{ 
    getData(){ 
    return Promise.resolve(MOCK_DATA).then(data => data); 
    } 
} 

Answer 2

Sana, AppComponent için dekoratör böyle bir şey kodunuzun bazı önemli kısmını eksik düşünüyorum:

(serviceName), inyectable s dosyanızın dosya adı olmalıdır. ervice ve DataService olarak yapıcı adresten inyected ve aslında RBACService denir neden dışarı whatch ...