угловой 4 наблюдаемый. создать не работает

Question

В моем угловом 4 приложении я хочу вернуть наблюдаемую, которая затем будет подписана.Это наблюдаемое должно быть создано только тогда, когда все элементы помещены в массив (элементы).Этот массив элементов выдвигается, когда мы перебираем другой массив (listofsubitems).

listofsubitems.forEach(element => {
    //do some business logic
    items.push(performlogic.validations(element));
});
const simpleObservable = new Observable((observer) => {    
    // observable execution
    observer.next(this.items)
    observer.complete()
})

В части подписки я подписываюсь на эту наблюдаемую и назначаю спиннер типа 'Subscription', который отображаетspinner (занятый курсор) до тех пор, пока вы не закончите все элементы в списке элементов.

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

Как мы можем этого достичь.