类型“User”上不存在属性“isAdmin”.ngtsc(2339)

Question

<td>{{ user.isAdmin }} &nbsp;&nbsp;&nbsp;&nbsp;</td>

我打算将带有 RxJS 的 isAdmin 字段添加到用户界面，在下面的 function 中（文件是 user.service.ts）：

getUsers(): Observable<User[]>{
    return this.http.get<User[]>(`${this.apiUrl}/users`)
    .pipe(
      map(users => users.map(user => ({
        ...user,
        name: user.name.toUpperCase(),
        isAdmin: user.id === 10
      })))
    );
  }

下面的界面是用来处理数据的界面（文件是user.ts）：

export interface User {

    id?: number;
    name: string;
    username: string;
    email: string;
    address: Address;
    phone: string;
    website: string;
    company: Company;
     
}

既然我显然写对了，那么问题还能出在哪里，我该如何解决呢？

先感谢您！

Answer 1

使用应用程序所需的信息来丰富/修改从数据源接收的数据是一种非常常见的模式。 这意味着数据结构的接口/类型将发生变化：

getUsers(): Observable<EnrichedUser[]>{
    return this.http.get<User[]>(`${this.apiUrl}/users`)
    .pipe(
      map(users => users.map(user => ({
        ...user,
        name: user.name.toUpperCase(),
        isAdmin: user.id === 10
      })))
    );
  }

export interface User {
    id?: number;
    name: string;
    username: string;
    email: string;
    address: Address;
    phone: string;
    website: string;
    company: Company;    
}

export interface EnrichedUser extends User {
  isAdmin: boolean;
}

在map ，您将原始User类型的对象转换为具有附加属性isAdmin的EnrichedUser对象。 在这个简单的示例中，接口可以相互扩展。