角度4 - 各サーバーエンティティの日付文字列をオブジェクトに変換する

Question

サーバーからの要求データを各サービスの日付文字列から日付オブジェクトに変換する最もよい方法は何ですか？ データベースからいくつかのユーザーをフェッチするuserServiceがあるとします。各ユーザーは、このインタフェースを実装しています

export interface UserAccountInformation { 
 
    id: string, 
 
    email: string, 
 
    companyName?: string, 
 
    phoneNumber?: string, 
 
    firstName?: string, 
 
    lastName?: string, 
 
    country?: string, 
 
    zipCode?: string, 
 
    creationDate: Date 
 
}

しかし、クライアント上のユーザーを受信したときのCreationDateが文字列ではなくオブジェクトです。私はそれがサービスから変更することができます知っているが、多分私の要求応答の正規表現を使用してすべてのサービスのための一般的なソリューションがあるのだろうか？ このようなものを使用するのは良い考えですか？ RxJSと

Answer 1

可能な 'クリーン' ソリューション：

export interface UserAccountInformation { 
    id: string, 
    email: string, 
    companyName?: string, 
    phoneNumber?: string, 
    firstName?: string, 
    lastName?: string, 
    country?: string, 
    zipCode?: string, 
    creationDate: Date 
} 

const response: any = { 
    id: '1', 
    email: 'test@test.com', 
    companyName?: 'companyname', 
    phoneNumber?: '+000', 
    firstName?: 'firstname', 
    lastName?: 'lastname', 
    country?: 'country', 
    zipCode?: 'zipcode', 
    creationDate: '2017-01-01' 
} 

// replace Rx.Observable.of with Angular HTTP this.get('urlToCall') 
Rx.Observable.of(response) 
.map((response: any) => { 
    response.creationDate = new Date(response.creationDate) 
    //cast to UserAccountInformation interface 
    return <UserAccountInformation>response; 
}) 
.subscribe((userAccountInformation: UserAccountInformation) => { 
    console.log(userAccountInformation); 
}); 

Output: 
{id: "1", email: "test@test.com", companyName: "companyname", phoneNumber:     "+000", firstName: "firstname", 
creationDate: Sun Jan 01 2017 01:00:00 GMT+0100 (W. Europe Standard Time) 
…}