반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- build
- 리눅스
- node
- PYTHON
- Android
- 맥
- 네트워크
- TensorFlow
- VirtualBox
- picker
- linux
- webpack
- avds
- qunit
- jest
- 개발
- react
- unittest
- androidstudio
- localserver
- IOS
- MachineLearning
- centos
- ReactNative
- xcode
- 센토스
- MAC
- vsCode
- Chrome
Archives
- Today
- Total
로메오의 블로그
[IONIC] angular http 통신 본문
반응형
src/app/app.module.ts
....
import { HttpClientModule } from '@angular/common/http';
@NgModule({
....
imports: [
....
HttpClientModule,
],
....
})
....
interface 생성
$ ionic g interface interface
src/app/interface.ts
/**
* 코드
*/
export interface ICommonCode {
commonCd: string
}
service 생성하기
$ ionic g service api
src/app/api.service.ts
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
import { ICommonCode } from './interface';
@Injectable({
providedIn: 'root'
})
export class ApiService {
constructor(
private httpClient: HttpClient
) { }
/**
* 공통코드 불러오기
*/
getCommonData(param: String): Observable<ICommonCode[]> {
return this.httpClient.get<ICommonCode[]>('/api/getData.do',
{}
).pipe();
}
}
src/app/main.page.ts
import { Component, OnInit } from '@angular/core';
import { ApiService } from '../api.service';
@Component({
selector: 'app-main',
templateUrl: './main.page.html',
styleUrls: ['./main.page.scss'],
})
export class Tab4Page implements OnInit {
constructor(
private apiService: ApiService,
) { }
ngOnInit() {
this.getData()
}
getData() {
this.apiService
.getCommonData('param')
.subscribe(res => {
console.log(res)
})
}
}
반응형
'Frontend > angular' 카테고리의 다른 글
[IONIC] Firebase hosting 으로 배포하기 (0) | 2020.02.07 |
---|---|
[IONIC] Firebase 연동하기 (0) | 2020.02.04 |
[IONIC] tab navigation 구현하기 (0) | 2020.02.04 |
[IONIC] IONIC Cordova에서 codepush 설치 - appcenter (0) | 2020.02.03 |
[Ionic] Ionic 주요 명령어 정리 (0) | 2020.01.28 |
Comments