[아이오닉] 배열 객체 생성시 주의 점.

1. JSON.stringify()

2. IONIC template rendering

---

import { Recoder } from "./recoder.model";

export class Recoders extends Array<Recoder> {
  recoders: Recoder[];
  isEmpty: boolean;

  constructor(recoders?: Array<Recoder>) { 
    super(...recoders);
  }
}

Array<T>를 extends 할 경우 모든 배열의 기능을 사용할 수 있다.

 

하지만 JSON.stringify()를 사용할 경우, isEmpty와 같은 변수가 없어지는 것을 알 수 있었다.

 

그래서 extends 없이 기능을 구현해 보았다.

import { Recoder } from "./recoder.model";

export class Recoders {
  recoders: Recoder[];
  isEmpty: boolean;

  constructor(recoders?: Recoder[]) { 
    this.recoders = recoders;
  }

  push(recoder: Recoder) {
    this.recoders.push(recoder);
  }
  
}

이럴 경우, Template Rendering 시 오류(문제)가 발생했다.

*ngFor을 사용하여 HTML에 리스트를 뿌릴 수 없다.