在前端和服务器之间共享相同的模型

Question

简单的问题，但我想知道如何有效地做到这一点。非常容易吸引负面投票。

我有一个模型，我想在前端和后端之间共享。对于前端手动我想添加一些属性。后端不需要这些属性。

export class ModelA {
id: string;
name: string;
value: number;
}

上面的

足以用于服务器（后端）。

但是在前端我需要做一件额外的事情。基于价值我需要定义颜色属性（值<10，颜色绿等等。）

export class ModelA {
id: string;
name: string;
value: number;
color: string;
}

因此，当我在编辑id / name之后将ModelA更新回服务器时，我不想传递颜色属性。

使用单一模型我怎么能实现这个目标？

Answer 1

我认为在这种情况下你要寻找的是切片（例如参见：How to get a subset of a javascript object's properties）

您正在有效地获取对象属性的一部分，

Firefox

编辑： 此外，我不确定如何在您的对象上有更多属性对您不利。这取决于您的框架和查询方法。在后端部分接收它时，我只想忽略我的对象的其他属性。