Я новичок в Angular и работаю над небольшим проектом для стажировки. Я создал внешний интерфейс и отправил данные в базу данных, но теперь у меня проблемы с получением данных. Я погуглил кое-что и создал асинхронную функцию, которая должна возвращать данные, но когда я делаю это в формате Zone Aware Promise в консоли или когда я использую функцию .then(), я могу только записать в консоль массив данные, но не может вернуть их или передать в глобальную переменную. Вот код компонента:
import {getDatabase, ref} from "firebase/database";
import {get} from "@angular/fire/database";
public async getVehicles() {
const db = getDatabase();
const snapshot = await get(ref(db, 'vehicles'));
return snapshot.val();
}
и когда я делаю это:
this.getVehicles().then(data => {
console.info(data);
});
Я получаю массив данных, как я хочу, в консоли. Как я могу получить сами данные внутри внешней переменной, чтобы я мог использовать их и манипулировать ими как обычным массивом? Заранее спасибо.
let list : any
this.getVehicles().then(data => {
this.list = data;
});
Или, если вы используете асинхронную функцию, вы можете использовать это:
this.list = await this.getVehicles();
@tare22, можете ли вы поделиться полным кодом, где он регистрирует undefined
Мне действительно удалось исправить это сегодня, я опубликую окончательный код в ответе, чтобы другие могли его увидеть, если столкнутся с той же проблемой.
Итак, мне удалось решить эту проблему сегодня с помощью моего друга. Вот код для тех, кто сталкивается с подобной проблемой, надеюсь, это поможет.
public async getVehicles() {
const db = getDatabase();
// I made a loading component appear while the data is being fetched.
this.showLoading = true;
const snapshot = await get(ref(db, 'vehicles'));
// placed the promise value into a temporary object, for some reason the data is stored as an object where attributes are the list values I'm trying to get.
let temp = snapshot.val();
this.list = Object.keys(temp).map(index => {
return temp[index];
});
// took every element of the returned object and individually placed them into the main list
this.showLoading= false;
return snapshot.val();
}
Когда я создаю переменную списка и использую упомянутую вами функцию, я получаю undefined в консоли.