Angular 서비스에서 여러 비동기 호출의 결과를 반환하는 방법

Vincentf

AngularJS에서는 return $q.all(promises)컨트롤러에 promise를 반환하는 데 사용할 수 있습니다 . Angular에서 올바른 방법은 무엇입니까? 구성 요소에 데이터를 반환하려면 어떻게해야합니까?

내 서비스 :

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import { Observable } from 'rxjs/Rx';

import { Item } from '../item';

@Injectable()
export class GetItemListService {
  constructor(private http: Http) { }

  private url1 = 'urlToGetItemList1';
  private url2 = 'urlToGetItemList2';

  getItemList():  ??? <Item[]> {
    Observable
        .forkJoin(
            this.http.get(url1).map(res => res.json()),
            this.http.get(url2).map(res => res.json())
        )
        .subscribe(
            data => {
                // this is the result I want to return to component
                return data
            }
        )
  }
}
Vincentf

@echonax의 답변으로 해결했습니다. 반환 Observable.forkJoinsubscribe구성 요소.

서비스:

getItemList():  Observable <Item[]> {
    return Observable
        .forkJoin(
            this.http.get(url1).map(res => res.json()),
            this.http.get(url2).map(res => res.json())
        )
  }

구성 요소:

ngOnInit(): void {
      this.getItemListService.getItemList()
        .subscribe(data => {
            console.log(data)
        })
  }

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

하나의 컨트롤러에서 여러 번 symfony2에서 서비스를 호출하는 방법

분류에서Dev

AngularJS에서 Angular 비동기 호출을 중단 / 반환하는 방법

분류에서Dev

여러 비동기 웹 서비스 호출의 결과 확인

분류에서Dev

비동기 호출의 결과를 얻는 방법?

분류에서Dev

비동기 함수를 반환하는 promise 내에서 여러 resolve () 호출

분류에서Dev

Angular JS : 컨트롤러에서 두 번째 서비스를 호출하고 반환 된 객체로 DOM을 업데이트하는 방법

분류에서Dev

angular4를 사용하여 서비스 호출 받기에서 로케일을 전달하는 방법

분류에서Dev

웹 서비스에서 EventArgs가 반환 한 결과에 대해 PaintEventArgs를 호출하는 방법

분류에서Dev

두 개의 콜백을 사용하여 JavaScript에서 비동기 호출을 반환하는 방법 (WIX corvid)

분류에서Dev

두 개의 콜백을 사용하여 JavaScript에서 비동기 호출을 반환하는 방법 (WIX corvid)

분류에서Dev

Angular 9-라우터를 모의하여 navigateByUrl을 호출하는 서비스를 테스트하는 방법

분류에서Dev

F #에서 비동기 작업의 결과를 얻는 방법

분류에서Dev

Android에서 비동기 작업의 결과를 얻는 방법

분류에서Dev

viewmodel의 MVVM 비동기 호출 : Azure DB를 MVVM과 연결하는 방법

분류에서Dev

여러 비동기 호출의 응답을 반환하는 방법은 무엇입니까?

분류에서Dev

동일한 웹 서비스에 대해 여러 비동기 호출을 만드는 가장 좋은 방법

분류에서Dev

루프에서 여러 (병렬) 비동기 함수 호출의 누적 결과를 반환하려면 어떻게해야합니까?

분류에서Dev

Excel에서 여러 셀의 결과를 고정 셀로 반환하는 방법

분류에서Dev

Actix-web의 WebSocket 핸들러에서 비동기 함수를 올바르게 호출하는 방법

분류에서Dev

여러 저장된 procs (model)를 비동기 적으로 호출하고 컨트롤러의 결과 집합을 MVC의 뷰에서 변수에 할당하는 방법은 무엇입니까?

분류에서Dev

AngularFire에서 비동기 함수 결과를 반환하는 방법

분류에서Dev

nodejs 비동기 호출, URL에서 여러 요청을 처리하는 방법

분류에서Dev

Angular 7에서 API 함수 호출 서비스를 관리하는 방법

분류에서Dev

Angular 9에서 rxjs를 사용하여 서비스 호출의 흐름을 제어하는 방법은 무엇입니까?

분류에서Dev

Angular.js : 모든 앱 컨트롤러에 대해 서비스를 한 번 호출하는 방법

분류에서Dev

자바 스크립트에서 비동기 적으로 여러 약속을 호출하는 적절한 방법

분류에서Dev

SSIS-SQL 실행 작업 결과를 사용하여 웹 서비스를 호출하는 방법

분류에서Dev

MaaS를 사용하여 동일한 서버에 여러 개의 juju 서비스를 배포하는 방법

분류에서Dev

MaaS를 사용하여 동일한 서버에 여러 개의 juju 서비스를 배포하는 방법

Related 관련 기사

  1. 1

    하나의 컨트롤러에서 여러 번 symfony2에서 서비스를 호출하는 방법

  2. 2

    AngularJS에서 Angular 비동기 호출을 중단 / 반환하는 방법

  3. 3

    여러 비동기 웹 서비스 호출의 결과 확인

  4. 4

    비동기 호출의 결과를 얻는 방법?

  5. 5

    비동기 함수를 반환하는 promise 내에서 여러 resolve () 호출

  6. 6

    Angular JS : 컨트롤러에서 두 번째 서비스를 호출하고 반환 된 객체로 DOM을 업데이트하는 방법

  7. 7

    angular4를 사용하여 서비스 호출 받기에서 로케일을 전달하는 방법

  8. 8

    웹 서비스에서 EventArgs가 반환 한 결과에 대해 PaintEventArgs를 호출하는 방법

  9. 9

    두 개의 콜백을 사용하여 JavaScript에서 비동기 호출을 반환하는 방법 (WIX corvid)

  10. 10

    두 개의 콜백을 사용하여 JavaScript에서 비동기 호출을 반환하는 방법 (WIX corvid)

  11. 11

    Angular 9-라우터를 모의하여 navigateByUrl을 호출하는 서비스를 테스트하는 방법

  12. 12

    F #에서 비동기 작업의 결과를 얻는 방법

  13. 13

    Android에서 비동기 작업의 결과를 얻는 방법

  14. 14

    viewmodel의 MVVM 비동기 호출 : Azure DB를 MVVM과 연결하는 방법

  15. 15

    여러 비동기 호출의 응답을 반환하는 방법은 무엇입니까?

  16. 16

    동일한 웹 서비스에 대해 여러 비동기 호출을 만드는 가장 좋은 방법

  17. 17

    루프에서 여러 (병렬) 비동기 함수 호출의 누적 결과를 반환하려면 어떻게해야합니까?

  18. 18

    Excel에서 여러 셀의 결과를 고정 셀로 반환하는 방법

  19. 19

    Actix-web의 WebSocket 핸들러에서 비동기 함수를 올바르게 호출하는 방법

  20. 20

    여러 저장된 procs (model)를 비동기 적으로 호출하고 컨트롤러의 결과 집합을 MVC의 뷰에서 변수에 할당하는 방법은 무엇입니까?

  21. 21

    AngularFire에서 비동기 함수 결과를 반환하는 방법

  22. 22

    nodejs 비동기 호출, URL에서 여러 요청을 처리하는 방법

  23. 23

    Angular 7에서 API 함수 호출 서비스를 관리하는 방법

  24. 24

    Angular 9에서 rxjs를 사용하여 서비스 호출의 흐름을 제어하는 방법은 무엇입니까?

  25. 25

    Angular.js : 모든 앱 컨트롤러에 대해 서비스를 한 번 호출하는 방법

  26. 26

    자바 스크립트에서 비동기 적으로 여러 약속을 호출하는 적절한 방법

  27. 27

    SSIS-SQL 실행 작업 결과를 사용하여 웹 서비스를 호출하는 방법

  28. 28

    MaaS를 사용하여 동일한 서버에 여러 개의 juju 서비스를 배포하는 방법

  29. 29

    MaaS를 사용하여 동일한 서버에 여러 개의 juju 서비스를 배포하는 방법

뜨겁다태그

보관