Как отобразить нужные страницы, нажимая на ion-slide, чтобы верхний и нижний колонтитулы были такими же, как страница, содержащая ion-slide?

Question

<ion-footer>
    <ion-toolbar style="width:100%;">

        <ion-row class="filters">
            <ion-col class="col-with-arrow" (click)="slidePrev()" no-padding col-1>
                <ion-icon *ngIf="showLeftButton" name="arrow-back"></ion-icon>
            </ion-col>
            <ion-col no-padding col-10>

                <ion-slides (ionSlideDidChange)="slideChanged()" slidesPerView="5"  #slideOptions  [initialSlide]="1" >


                    <ion-slide  *ngFor = "let category of categories" >
                        <ion-icon (click)="filterData(category.id)" name="{{category.icon}}"[class.selected]="selectedCategory?.id === category.id"></ion-icon>
                    </ion-slide>
                </ion-slides>
            </ion-col>
            <ion-col class="col-with-arrow" (click)="slideNext()" no-padding col-1>
                <ion-icon *ngIf="showRightButton" name="arrow-forward"></ion-icon>
            </ion-col>
        </ion-row>


        </ion-slides>
    </ion-toolbar>

</ion-footer>

Я хочу показать нужные страницы, нажав на слайд, но верхний и нижний колонтитулы родительской страницы должны быть одинаковыми для всех требуемых страниц.