在前端呈现业务对象的正确方法是什么？

Question

有一个后端返回人员列表。 使用Angular / rxjs，它会自动映射到TypeScript业务对象类（Person）对象的集合中。

export class Person {
   Id: string;
   Name: string;
   Age: number;
}

需要将这些实体显示在带有附加列的列表中，说明是否选择了记录-进行进一步处理是必需的。

问题是-这样做的正确方法是什么？

我是否应该创建一个继承自PersonModel的{​​{1}}类，并在其中添加其他字段？

Person

或者，我应该忽略后端与export class PersonModel extends Person { Selected: boolean; } 属性无关的事实，而只是将该属性添加到Selected类中吗？

Person

还有其他更合适的方法来处理这种情况吗？

Answer 1

您可以创建一个扩展另一个接口的接口，而不是Class。

export interface Person {
   Id: string;
   Name: string;
   Age: number;
}

export interface PersonAttrib extends Person {
   Selected: boolean;
}