DataHandling

Http

1. HttpClient 사용

1.1. HttpClientModule을 App.module.ts import

// file.ts

@NgModule({
  declarations: [AppComponent],
  imports: [HttpClientModule, IonicModule.forRoot(), AppRoutingModule],
  ...

1.2. httpClient사용하면서 알게된 점.

// file.ts

http.get('URL').forEach(...)

return http.get('URL').pipe(...)  // 어디선가 subscribe()가 있어야만 실행됨.

httpClinet.http.get 앞에 반드시 return해주어야 subscribe 할 수 있습니다.

 

Subjection

 

2. BehaviorSubject<T[]>([]) 사용

 

2.1. _array에 값 할당하기

// file.ts

private _array = new BehaviorSubject<T[]>([]);

method() {
const _temp: T[] = [];
 ...
 this._array.next(_temp);
}

Json

get의 타입지정시 1

interface Person {
	name: string,
    age: number
}

// http.get<Person[]>(...)
// http.get<{[name: string, age:number]}>(...)

// file.json
[{
    "name": "hello",
    "age": 20
  },
 {
    "name": "world",
    "age": 22
  }
]

get의 타입지정시 2

// json data

interface Person {
	name: string,
    age: number
}

// http.get<[poeple: string]: Person[]>(...)
// http.get<{[people: string]: [{name: string, age: number}]}>(...)

{
  "people":[
    {
      "name": "hello",
      "age": 20
    },
    {
      "name": "world",
      "age": 22
    }
  ]
}