将响应映射到模型 - 最佳实践

Question

在这里了解 Angular 4、5 并想知道将 JSON 响应映射到强类型对象/模型的最佳实践。

服务：

getUsers(): Observable<User[]> {
  return this.http.get<User[]>('http://localhost:8000/users/')
    .pipe(
      tap(users => this.log(`fetched users`)),
      map(response => {
        return response.map((res) =>
        {
          return new Hero(
            response['username'],
            response.email);
        });
      }),
      catchError(this.handleError('getUsers', []))
    );
}

接口/型号：

export interface IUser {

    id: number;
    name: string;
    email: string;
}

export class Hero implements User {

    public id: number;

    constructor(public name: string,
            public email: string) {

  }
}

getUsers 返回一个带有用户对象的 Observable 数组。 username 不是该对象的成员，所以我使用这个括号表示法，因为点表示法会出错。显然，为了可测试性/清晰性，我最终会将 Map 函数变成一个单独的函数。

如何正确处理这种映射/重映射/转换？

Answer 1

你给自己添了太多麻烦。

export interface IUser {
  id: number;
  username: string;
  email: string;
}

getUsers(): Observable<User[]> {
  return this.http.get<User[]>('http://localhost:8000/users/')
    .catch(err => this.handleError('getUsers', []));
} 

你去，你的回复是输入的。

将 Typescript 视为开发帮助。在编码过程中拥有类等非常有用，但是一旦构建了应用程序，它就会全部编译为 Javascript，从而“丢失”所有类和属性。

你不应该想太多。只需选择最简单的，它应该可以工作。否则，你仍然有一个 TS linter 来告诉你你的错误在哪里！