angular с webApi - первая буква модели должна быть заглавной или строчной

Question

очень плохо знаком с angular и столкнулся с этой проблемой, когда мой результат из первой буквы модели Webapi - в верхнем регистре, хотя первая буква моей модели angular - в нижнем регистре.

User.ts

    export interface User extends ICommon {
        id: string;
        firstName: string;
        lastName: string;
    }

User.service.ts

     public getActiveUsers(): Observable<User[]> {
      return this.http
       .get<User[]>(baseUrl + "user/GetUserlist");

}

Консоль. выходные данные показывают:

User.component. html

    {{user.firstName}}  => shows no result
    {{user.FirstName}}  => shows proper result

User.component.ts

    let result = this.user.firstName => undefined
    let result = this.user.FirstName => compile time error.

что я тут не так делаю? я в замешательстве.

Answer 1

Это происходит потому, что сервер использует PascalCasing, и вы определили интерфейс, который не соответствует данным, возвращаемым сервером.

Измените свой интерфейс как

export interface User extends ICommon {
        Id: string;
        FirstName: string;
        LastName: string;
}

и получите доступ как

let result = this.user.FirstName  

Если ваш бэкэнд - WebApi, по умолчанию обычная сериализация Json оставляет поля такими, как они в вас c# корпус.