대부분 정확하지만 매우 효율적인 답변이없는 오래된 질문입니다. 이것이 내가 제안하는 것 :
init () 메소드와 정적 캐스트 메소드 (단일 오브젝트 및 배열) 를 포함하는 기본 클래스를 작성하십시오 . 정적 메소드는 어디에나있을 수 있습니다. 기본 클래스와 init ()가 있는 버전은 나중에 쉽게 확장 할 수 있습니다.
export class ContentItem {
// parameters: doc - plain JS object, proto - class we want to cast to (subclass of ContentItem)
static castAs<T extends ContentItem>(doc: T, proto: typeof ContentItem): T {
// if we already have the correct class skip the cast
if (doc instanceof proto) { return doc; }
// create a new object (create), and copy over all properties (assign)
const d: T = Object.create(proto.prototype);
Object.assign(d, doc);
// reason to extend the base class - we want to be able to call init() after cast
d.init();
return d;
}
// another method casts an array
static castAllAs<T extends ContentItem>(docs: T[], proto: typeof ContentItem): T[] {
return docs.map(d => ContentItem.castAs(d, proto));
}
init() { }
}
@ Adam111p post에서 이와 유사한 역학 ( assign () 사용 )이 언급되었습니다. 또 다른 (보다 완전한) 방법입니다. @Timothy Perez는 assign ()의 중요 하게 여기지만 imho는 여기에 완전히 적합합니다.
파생 (실제) 클래스를 구현하십시오.
import { ContentItem } from './content-item';
export class SubjectArea extends ContentItem {
id: number;
title: string;
areas: SubjectArea[]; // contains embedded objects
depth: number;
// method will be unavailable unless we use cast
lead(): string {
return '. '.repeat(this.depth);
}
// in case we have embedded objects, call cast on them here
init() {
if (this.areas) {
this.areas = ContentItem.castAllAs(this.areas, SubjectArea);
}
}
}
이제 서비스에서 검색 한 객체를 캐스트 할 수 있습니다.
const area = ContentItem.castAs<SubjectArea>(docFromREST, SubjectArea);
SubjectArea 객체 의 모든 계층 에는 올바른 클래스가 있습니다.
사용 사례 / 예; Angular 서비스를 작성하십시오 (기본 클래스를 다시 추상화하십시오).
export abstract class BaseService<T extends ContentItem> {
BASE_URL = 'http://host:port/';
protected abstract http: Http;
abstract path: string;
abstract subClass: typeof ContentItem;
cast(source: T): T {
return ContentItem.castAs(source, this.subClass);
}
castAll(source: T[]): T[] {
return ContentItem.castAllAs(source, this.subClass);
}
constructor() { }
get(): Promise<T[]> {
const value = this.http.get(`${this.BASE_URL}${this.path}`)
.toPromise()
.then(response => {
const items: T[] = this.castAll(response.json());
return items;
});
return value;
}
}
사용법이 매우 간단 해집니다. 영역 서비스를 작성하십시오.
@Injectable()
export class SubjectAreaService extends BaseService<SubjectArea> {
path = 'area';
subClass = SubjectArea;
constructor(protected http: Http) { super(); }
}
서비스의 get () 메소드는 이미 SubjectArea 객체 로 캐스트 된 배열의 약속을 반환 합니다 (전체 계층 구조)
이제 또 다른 수업이 있습니다.
export class OtherItem extends ContentItem {...}
데이터를 검색하고 올바른 클래스로 캐스트하는 서비스 작성은 다음과 같이 간단합니다.
@Injectable()
export class OtherItemService extends BaseService<OtherItem> {
path = 'other';
subClass = OtherItem;
constructor(protected http: Http) { super(); }
}