Угловая модель геттера "не является функцией" ошибка

Question

Моя модель:

export class User {

   public username: string;
   private email: string;

   constructor() {
       this.username = undefined;
       this.email = undefined;
   }

   public getUsername(): string {
       return this.username;
   }

На мой взгляд, у меня есть:

import {User} from '../../models/usermodel';

export classs ... {

   user: Observable<User | null>
   userCollection: AngularFirestoreCollection<User>;
   userLoadedFromFirestore: User[];

   this.userCollection = this.afs.collection('users', ref => ref.where('email', '==', this.sessionData.getUser().getEmail()));
   this.userCollection.valueChanges().subscribe((item => {
       this.userLoadedFromFirestore = item;
       this.userLoadedFromFirestore[0].getUsername();

Для доступа к getUsername() Я получаю ошибку времени выполнения: is not a function.Это почему?Когда я делаю this.userLoadedFromFirestore[0].username вместо этого, это работает!

В среде IDE не отображаются ошибки во время компиляции ...

Answer 1

Вы устанавливаете тип userLoadedFromFirestore как тип User[], но когда данные поступают, это не гарантирует, что этот объект будет User типа.Вот почему рекомендуется установить тип входящих данных:

subscribe(((item: User[]) => {

И в вашем случае, скорее всего, вам понадобится:

this.userLoadedFromFirestore[0].username;