Не удалось отобразить данные из FirebaseDatabase

Я пытаюсь отобразить массив элементов в раскрывающемся списке ng-multiselect. Когда я жестко кодирую значения в массиве, они отображаются, однако, когда я пытаюсь создать массив динамически из элементов в базе данных, они не отображаются, даже если они точно зарегистрированы в массиве.

save.component.ts

...

populateDropdown(callback) {
    let ham = this.students.snapshotChanges().map(changes => {
        return changes.map(c => ({key: c.payload.key,...c.payload.val()}));
    });

    callback(ham);
}

ngOnInit() {
    //stuff
    this.fs.initFirebaseApp(environment.userFirebase, 'users');
    this.students = this.fs.getList('/students');
    let aCall = (data) => {
        let count = 1;
        data.forEach(student => {
            student.forEach(element => {
                this.dropdownList.push({
                    item_id: count++,
                    item_text: element.first + " " + element.last
                });
            });
        });
    }

    this.populateDropdown(aCall);

    this.dropdownSettings = {
        singleSelection: false,
        idField: 'item_id',
        textField: 'item_text',
        selectAllText: 'Select All',
        unSelectAllText: 'Unselect All',
        itemsShowLimit: 3,
        allowSearchFilter: true
    };
    console.info(this.dropdownList);
    this.dropdownList1 = this.dropdownList.slice();
    console.info(this.dropdownList1);
}
...

save.component.html

<ng-multiselect-dropdown
            [placeholder] = "'Select Students'"
            [data] = "dropdownList"
            [(ngModel)] = "selectedItems"
            [settings] = "dropdownSettings"
            (onSelect) = "onItemSelect($event)"
            (onSelectAll) = "onSelectAll($event)"
          >
 </ng-multiselect-dropdown>

firebase.service.ts

...
  public initFirebaseApp(config: FirebaseAppConfig, firebaseAppName: string) {
        this._db = new AngularFireDatabase(_firebaseAppFactory(config, firebaseAppName));
    }

    /** Function to get firebase DB list */
    public getList(path: string): AngularFireList<{}> {
        return this._db.list(path);
    }

    /** Function to get firebase DB object */
    public getObject(path: string): AngularFireObject<{}> {
        return this._db.object(path);
    }

console.info(this.dropdownList) отображает массив объектов, а console.info(this.dropdownList1) отображает пустой массив. Регистрация каждого элемента в dropdownList по отдельности также ничего не регистрирует.

[{ item_id: 1, item_text: "Test Name" }
{ item_id: 2, item_text: "Alice Bob" }
{ item_id: 3, item_text: "Foo Name" }
{ item_id: 4, item_text: "Test Test" }]
​```
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
1
144
0

Другие вопросы по теме