이번에는 Angular HttpClient 입문 튜토리얼을 가져오겠습니다. Angular HttpClient를 시작할 때 주의 사항은 무엇인가요? 다음은 실제 사례를 살펴보겠습니다.
@angular/common/http의 HttpClient 클래스는 Angular 애플리케이션이 HTTP 클라이언트 기능을 구현하기 위한 단순화된 API를 제공합니다.
1. 준비
먼저 app.module.ts에서 HttpClientModule을 가져옵니다.
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
