Angular2: Promise return

Question

Я хочу получить комментарии от моего API. Итак, функция должна обещать возвращение? Что лучше? Clasic или обещание вернуться?

И у меня все еще есть проблема, возврат обещания не определен.

comments.component.ts

import { Component, OnInit } from '@angular/core'; 
import { CommentService } from '../services/comment.service'; 
import { Comment } from '../class/Comment'; 

@Component({ 
    template: 'dadada', 
    providers: [CommentService] 
}) 

export class CommentsComponent implements OnInit { 
    coms: Comment[]; 

    constructor(private commentService: CommentService) { 
    } 

    ngOnInit() { 
     console.log(this.commentService.testfunction()); 

     this.commentService.get_all_comments().then((data) => { 
      this.coms = data; 
      }); 
     console.log (this.commentService.get_all_comments2()); 
     console.log (this.coms); 
    } 
} 

comment.service.ts

import { Injectable } from '@angular/core'; 
import { Comment, Comments } from '../class/Comment'; 

@Injectable() 
export class CommentService { 
    testfunction() { 
     return 'valoare'; 
    } 
    get_all_comments() { 
     return Promise.resolve(Comments); 
    } 
    get_all_comments2() { 
     return Comments; 
    }  
} 

Comment.ts

export class Comment { 
    id: number; 
    text: string; 
    author: string; 
    created_at: number; 
    updated_at: number; 
} 

export const Comments: Comment[] = [ 
    {id: 1, text: 'Look I am a test comment.', author: 'Chris Sevilleja', created_at: 0, updated_at: 0} 
]; 

И я получаю в консоли этих:

valoare

Array [Object]

неопределенными

Answer 1

Вам нужно переместить код внутри then(...) (то же самое для наблюдаемых с subscribe(...)

ngOnInit() { 
    console.log(this.commentService.testfunction()); 

    this.commentService.get_all_comments().then((data) => { 
     this.coms = data; 
     console.log (this.commentService.get_all_comments2()); 
     console.log (this.coms); 
     }); 
} 

Целью Promise и then(...) является включение цепочки вызовов, чтобы последующий вызов выполнялся по завершении предыдущего.

Выполнение асинхронного вызова означает, что вызов завершен в очередь событий и код синхронизации (ваш console.log()) выполняется следующим образом. Код, переданный в .then(...), в конце концов выполняется, когда Promise решает (обычно, когда приходит ответ от сервера).