Angular 5 / Typescript - 如何将复杂的 json 对象转换为类

Question

我正在尝试将一个复杂的（多个类型类）json 响应对象（我从我的 nodejs/mongoose 后端接收）转换为一个打字稿类。

moment 类包含用户类型的作者和评论类型的 cmets 数组。

moment.model.ts

    import { Comment } from './comment.model';
import { User } from './user.model';

export class Moment {

    _id?: string = null;
    body?: string = null;
    _author?: User = null;
    likes?: any[] = [];
    dislikes?: any[] = [];
    _comments?: Comment[] = [];
    created_at?: string = null;
    updated_at?: string = null;


    constructor(data?: Moment) {
        console.log(data);
        if (data) {
            this.deserialize(data);
        }
    }

    private deserialize(data: Moment) {
        const keys = Object.keys(this);

        for (const key of keys) {
            if (data.hasOwnProperty(key)) {
                this[key] = data[key];
            }
        }
    }

    public get author(): User {
        return this._author;
    }
    public set author(data: User) {
        this._author = new User(data);
    }

    public get comments(): Comment[] {
        return this._comments;
    }
    public set comments(data: Comment[]) {
        this._comments = data.map(c => new Comment(c));
    }
}

comment.model.ts

    export class Comment {

    _id?: string = null;
    body?: string = null;
    moment?: any = null;
    author?: any = null;
    likes?: any[] = [];
    dislikes?: any[] = [];
    parent?: any = null;
    replies?: any = null;
    updated_at?: string = null;
    created_at?: string = null;

    constructor(data?: Comment) {
        console.log(data);
        if (data) {
            this.deserialize(data);
        }
    }

    private deserialize(data: Comment) {
        const keys = Object.keys(this);

        for (const key of keys) {
            if (data.hasOwnProperty(key)) {
                this[key] = data[key];
            }
        }
    }

}

user.model.ts

 export class User {

    _id?: string = null
    updated_at?: string = null;
    created_at?: string = null;
    profile?: any = null;
    phone?: any = null;
    email?: any = null;
    followers: any[] = [];
    following: any[] = [];
    isOnline: any = null;
    socketId: any = null;


    constructor(data?: User) {
        console.log(data);
        if (data) {
            this.deserialize(data);
        }
    }

    private deserialize(data: User) {
        const keys = Object.keys(this);

        for (const key of keys) {
            if (data.hasOwnProperty(key)) {
                this[key] = data[key];
            }
        }
    }

moment.service.ts

    get(moment_id) {

    let endpoint = this.path + moment_id;

    return this.apiService.get(endpoint)
        .map((res) => new Moment(res.data));

}

moment-detail.component.ts

this.route.params.switchMap((params) => {
    let moment_id = params['id'];
    return this.momentService.get(moment_id);
}).subscribe((res) => {

    this.moment = res;
    console.log(this.moment);
});

当我调用我的服务时，我将 json 分配给一个新的 Moment 类。然后在组件中尝试打印 this.moment。一切都很好，除了作者和一个空/空的 cmets。

Answer 1

你可以试试

this[key]=( key=='_author' ? new User(data[key]):(key=='_comments'?new Comment(data[key]): data[key]))

或者

if(key=='_author')
    this[key]=new User(data[key]);
else if(key=='_comments')
    this[key]=new Comment(data[key]);
else
    this[key]=data[key]

Answer 2

Moment 中的 deserialize 方法以相同的方式处理每个字段，只是从 JSON 中复制值。这意味着它永远不会构造 User 或 Comment 对象。您可能应该“手动”编写它以正确处理每个属性，而不是使用循环。