Angular HttpClient 사용법에 대한 자세한 설명

이번에는 Angular HttpClient 사용에 대한 자세한 설명을 가져왔습니다. Angular HttpClient 사용 시 주의사항은 무엇인가요?

@angular/common/http의 HttpClient 클래스는 Angular 애플리케이션이 HTTP 클라이언트 기능을 구현하기 위한 단순화된 API를 제공합니다.

1. 준비

앱에서 먼저모듈을 가져옵니다.

import { HttpClientModule } from '@angular/common/http';
@NgModule({
 imports: [
  HttpClientModule,
 ]
})
export class AppModule {}

2. HttpClient를 참조하기 위해 가 필요한 service.ts에 HttpClient를 다음과 같이 도입합니다.

import { HttpClient } from '@angular/common/http';
export class ConfigService {
 constructor(private http: HttpClient) { }
}

3. 데이터 요청

return this.http.get/post(url:'请求地址' ,
  options: {
   headers: this.headers
  })
   .toPromise()
   .then((data: any) => {
    return data;
   })
   .catch((err) => {
    console.log(err);
   });
 }

4. 해당 component.ts 파일에 서비스를 소개하세요

데이터 형식:

{
  "lists":[
    {"title":"","pic":""},
    {"title":"","pic":""}
  ]
}

5. 페이지에 전화하세요

그 후에 마스터했다 이 기사의 사례 읽기 방법, 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!

추천 도서:

vue 프로젝트 최적화 단계에 대한 자세한 설명

JS 콜백 함수 사용(코드 포함)

위 내용은 Angular HttpClient 사용법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!