Как вы монгольский запрос с OR в рубине? [Дубликат]

Причина:

Причина, по которой это undefined, заключается в том, что вы выполняете асинхронную операцию. Это означает, что потребуется некоторое время, чтобы закончить метод getEventList (в зависимости от скорости вашей сети).

Итак, посмотрим на http-вызов.

this.es.getEventList()

После вас на самом деле сделать («пожар») ваш запрос http с subscribe, вы будете ждать ответа. Во время ожидания javascript выполнит строки под этим кодом, и если он встретит синхронные назначения / операции, он немедленно их выполнит.

Итак, после подписки на getEventList() и ожидания ответа,

console.log(this.myEvents);

строка будет выполнена немедленно. И значение этого параметра - undefined до того, как ответ поступит с сервера (или во все, что вы его инициализировали в первую очередь).

Это похоже на выполнение:

ngOnInit(){
    setTimeout(()=>{
        this.myEvents = response;
    }, 5000);

    console.log(this.myEvents); //This prints undefined!
}

Решение:

Итак, как мы можем преодолеть эту проблему? Мы будем использовать функцию обратного вызова, которая является методом subscribe. Потому что, когда данные поступают с сервера, они будут внутри subscribe с ответом.

blockquote>

Поэтому изменение кода на:

this.es.getEventList()
    .subscribe((response)=>{
        this.myEvents = response;
        console.log(this.myEvents); //<-- not undefined anymore
    });

будет печатать ответ .. через некоторое время. Что вы должны делать:

В вашем ответе может быть много чего другого, кроме как его регистрация; вы должны делать все эти операции внутри обратного вызова (внутри функции subscribe), когда данные поступают.

Еще одна вещь, которая стоит упомянуть, состоит в том, что если вы исходите из фона Promise, then обратный вызов соответствует subscribe с наблюдаемыми. Что вам не следует делать:

Не следует пытаться изменить операцию async на операцию синхронизации (но не на то, что вы можете). Одной из причин, по которым мы имеем асинхронные операции, является то, что пользователь не должен ждать завершения операции, пока они могут делать другие вещи за этот период времени. Предположим, что одна из ваших операций async длится 3 минуты, если у нас не было асинхронных операций, интерфейс застыл в течение 3 минут.

---

Рекомендуемое чтение:

Оригинальный кредит на этот ответ: Как вернуть ответ от асинхронного вызова?

Но с выпуском angular2 мы были введены для машинописных и наблюдаемых данных, поэтому этот ответ можно надеяться охватывает основы обработки асинхронного запроса с помощью наблюдаемых.