javascript - 如何从返回模型的服务获取类函数

Question

我有一个类 (userName)，其属性定义了一个模型(从 json 进行转换)。这个类还有一个简单的函数，返回完整的名称:

export class userName {
    firstName: string;
    lastName: string;
    get fullName() {
     return `${this.firstName} ${this.LastName}`
    }

我有一项返回用户集合的服务:

getUsers() : Observable<userName[]>
{
 return this.http.get<userName[]>(<path>);
}

现在 - 我将集合从服务获取到组件中。当我迭代集合时，我想像 fullName 属性一样获取firstName + LastNamne，但它不是服务返回的模型的一部分。有没有一种方法可以在不创建我自己的扩展的情况下实现它？

Answer 1

当您从服务接收到对象时，尝试使用 map 功能:

getUsers().pipe(    
    map(user => users.map(user => {
       return {
         firstName: user.firstName,
         lastName: user.lastName,
         fullName: user.firstName + user.lastName   
   }))
);