`this.http.get(...).map`이 Angular HTTP GET 요청의 함수가 아닌 이유는 무엇입니까?-JS 튜토리얼-php.cn

`this.http.get(...).map`이 Angular HTTP GET 요청의 함수가 아닌 이유는 무엇입니까?

Linda Hamilton

풀어 주다： 2024-11-25 11:12:11

원래의

977명이 탐색했습니다.

Why is `this.http.get(...).map` not a function in my Angular HTTP GET request?

TypeScript 오류가 있는 Angular HTTP GET: this.http.get(...).map은 함수가 아닙니다

개요

시도할 때 Angular를 사용하여 HTTP GET 요청을 수행하려고 하면 일부 개발자에게 다음 오류가 발생합니다. TypeError: this.http.get(...).map은 Angular의 함수가 아닙니다. [널]. 이는 실망스럽고 애플리케이션 개발을 중단시킬 수 있습니다.

해결책

오류는 RxJS 연산자 누락으로 인해 발생할 가능성이 높습니다. 이 문제를 해결하려면 .map() 메서드에 필요한 연산자를 코드로 가져와야 합니다.

적절한 연산자 가져오기:

import 'rxjs/add/operator/map';

로그인 후 복사

이렇게 하면 .map() 연산자만 가져와서 애플리케이션에 추가하세요.

대안: 가져오기 모든 연산자(주의)

50개의 RxJS 연산자 모두에 액세스하려는 경우 다음 명령문을 사용하여 해당 연산자를 모두 가져올 수 있지만 이렇게 하면 애플리케이션의 번들 크기가 증가한다는 점에 유의하세요.

import 'rxjs/Rx';

로그인 후 복사

구현 예

다음은 .map() 연산자 구현 예입니다. TypeScript 코드:

getHalls() {
  return this.http.get(HallService.PATH + 'hall.json')
    .map((res: Response) => res.json());
}

로그인 후 복사

추가 참고 사항

이 주제에 대한 자세한 내용과 토론은 다음 문제를 참조하세요.

https://github.com /angular/angular2/issues/11564

위 내용은 `this.http.get(...).map`이 Angular HTTP GET 요청의 함수가 아닌 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!