[Typescript] subscribe ładuje się po htmlu..

this.testOptions = [];
            this.Service.test().subscribe(response => {
                                
                response.data.forEach((item: any) => {
                
                    this.testOptions.push({
                        id: item.Id
                        , name: item.Name
                    });
                    this.testOptions.push({
                        id:  10
                        , name: 'test10'
                    });
                });
                this.testOptions.push({
                    id:  11
                    , name: 'test11'
                });
            });
            
            this.testOptions.push({
                id:  12
                , name: 'test12'
            });

Jak debuguje to wpierw idzie w pierwszej iteracji załadowanie dropdowna

            this.testOptions.push({
                id:  12
                , name: 'test12'
            });

i to jest w kontrolce, a przy dopiero potem debug pokazuje że odpala się subscribe niby testOptions ma wszystkie wartości, ale brak ich w kontrolce, widać tylko na końcu test12. Jak zarządzać tym subscribe żeby panować nad jego wywołaniem?

a gdzie to teraz wywołujesz?

Rozwiązanie dla potomnych

            this.Service.test().subscribe(response => {

                this.testOptions = [];
                response.data.forEach((item: any) => {

                    this.testOptions.push({
                        id: item.Id
                        , name: item.Name
                    });
                    this.testOptions.push({
                        id:  10
                        , name: 'test10'
                    });
                });
                this.testOptions.push({
                    id:  11
                    , name: 'test11'
                });
            });

            this.testOptions.push({
                id:  12
                , name: 'test12'
            });

@biela_: śmieszne wcięcia masz :P

Nie wiem czy dobrze rozumiem Twój problem, fajnie, że go rozwiązałeś.
Wspomnę tylko, że jeżeli chodzi Ci o widok HTML i generowanie za pomocą ngFor z Twojej tablicy, a tam pokazywał się tylko jeden item (widok nie reagował na późniejsze aktualizacje tablicy) to zalecam zapoznać się z dopiskiem trackBy: track, gdzie track to metoda w .ts, która zwraca id elementu.
To jedno z rozwiązań, tak jak i Twoje, ewentualnie można kombinować coś z *ChangeDetectorRef *