Ionic 2 로더가 적시에 표시되지 않음

Ionic 2 앱에서 로더를 사용하고 있습니다. 처음에는 다음과 같은 메뉴 그리드가 있습니다.

메뉴 중 하나를 클릭하면 다음 페이지로 이동합니다. 그러나 다음 페이지에는 데이터가 많기 때문에 다음 페이지를로드하는 데 시간이 걸립니다. 그래서 메뉴를 클릭하면 바로 로더를 보여주고 싶습니다.

현재 로더를 사용하고 있는데 다음 페이지를 열 때 표시됩니다. 즉, 메뉴를 클릭 한 후 바로 로더가 보이지 않고 다음 페이지를로드 한 후 표시됩니다.

내 코드는 다음과 같습니다.

homepage.html (그리드 코드)

<ion-content>
    <ion-grid>
        <ion-row wrap>
            <ion-col ion-card width-33 *ngFor="let menuItem of menuData" (tap)="itemTapped($event, menuItem)">
                <ion-card text-center>
                <ion-icon [name]="menuItem.category_icon" class="menuIcon"></ion-icon>/
                    <p>{{menuItem.category_name}}</p>
                </ion-card>
            </ion-col>
        </ion-row>
    </ion-grid>
</ion-content>

homepage.ts

itemTapped(event, menuItem) {
    this.loading = this.loadingCtrl.create({
        content: 'कृपया प्रतीक्षा करा...',
        spinner: 'bubbles',
        dismissOnPageChange: true
    });
    this.loading.present();
    this.page2Data = [];
    this.commonData.selectMenu(menuItem.category_name);
    switch (menuItem.category_name) {
        case 'क्लासेस':
        this.loadClasses(menuItem);
        break;

        case 'मोबाईल व इले.':
        this.loadElectronics(menuItem);
        break;

        .....
    }
}

그래서 내가 원하는 것은 다음 페이지가 아닌 홈페이지 (메뉴를 클릭 한 후)에 바로 로더를 표시하는 것입니다. 현재 다음 페이지로 이동하는 데 2 ​​초 정도 걸립니다 .