Как получить данные из БД

Question

У меня есть API, с помощью которого я хочу, чтобы отобразить данные от определенных условий, здесь я получаю детали, как,

Моя служба компонентов,

@Injectable() 
    export class GetAllList { 
    id = localStorage.getItem('social_id') 
    private _productUrl = 'http://localhost/a2server/index.php/profile/getProfile/'+this.id; 
    constructor(private _http: Http) { } 
    getList(): Observable<IDetails[]> { 
    return this._http.get(this._productUrl) 
    .map((response: Response) => { 
    return <IDetails[]> response.json(); 
    }); 
     } 
     } 

Мой Observable ,

export interface IDetails{ 
    profile_id:number; 
    firstname: string; 
    lastname: string; 
    profilename: string; 
    phone:string; 
    email:string; 
    address:string; 
    } 

Я использую эти службы в моем основном компоненте, как

ngOnInit(){ 
    this._service.getList() 
.subscribe(details => this.details = details); 
    } 

Это хорошо работает, если я хочу, чтобы проверить ПгвЬЫат в консоли, как бы я это сделать? Это как эти .....

ngOnInit(){ 
    this._service.getList() 
.subscribe(details => this.details = details); 
    console.log(this.details[0].firstname); 
    } 

Может ли один предложить помощь, пожалуйста ......

Answer 1

Используйте его как предложено ниже.

ngOnInit(){ 

    this._service.getList().subscribe((data) =>{  
    this.details = data; 

    this.details.forEach((detail)=>{ 
      console.log(detail.firstname); 
    }) 

    }); 

} 

Answer 2

Вам нужно обернуть console.log в фигурных скобках, например:

ngOnInit(){ 
     this._service.getList() 
    .subscribe(details => { this.details = details; 
console.log(this.details[0].firstname); 
}); } 

Это гарантирует, что вы не войти на консоль, если вы не получаете данные.

Answer 3

ngOnInit(){ 
 
    this._service.getList().subscribe(details => { 
 
    this.details = details; 
 
    for(let detail of this.details) { 
 
     console.log(detail.firstname); 
 
    } 
 
    }); 
 
}