Ион-слайды не появляются при следовании за Ион-заголовком с сеткой

Question

У меня есть галерея изображений на основе Ionic4, которая отлично работает со следующим html:

        <ion-header>
          <ion-toolbar>
            <ion-title>{{ this.userService.images[currentImageIdx].Title }}</ion-title>
          </ion-toolbar>
        </ion-header>
      <ion-content>
        <ion-slides #photoslider [options]="sliderOptions" (ionSlideDidChange)="checkKeyandFixText()">
          <ion-slide *ngFor="let i of userService.images">
            <ion-img cache="false" width="50%" *ngIf="userService.azurekey.Key"
            [src]="i.ImageUrl + userService.azurekey.Key"></ion-img>
          </ion-slide>
        </ion-slides>
   ... more stuff
        </ion-content>

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

      <ion-header>
        <ion-grid no-padding>
          <ion-row>
            <ion-col size="1" no-padding>
              <ion-menu-button no-padding>
                <ion-icon name="menu" no-padding></ion-icon>
              </ion-menu-button>
            </ion-col>
            <ion-col size="11">
              <ion-toolbar>
                <ion-title>{{ this.userService.images[currentImageIdx].Title }}</ion-title>
              </ion-toolbar>
            </ion-col>
          </ion-row>
        </ion-grid>
      </ion-header>

Когда я делаю это, ионы-слайды больше не работают ... они не рендерится.Об ошибках не сообщается, просто исчезает.Я думаю, что он все еще активен, потому что есть кнопки внизу страницы, которые могут изменить активный слайд, а также изменить название, и это все еще меняется.

Это известная / неизвестная проблема с Ionic-слайдами?Правильно ли я подхожу к расположению переключателя меню (это немного скучно, чтобы взломать орех - так что я открыт для других предложений. Мысли. Заранее спасибо, Бретт

Отредактируйте, чтобы добавить Изображения и некоторые дальнейшие объяснения

Это без кнопки меню в сетке:

... и это сПереключатель меню, добавленный в сетку:

Текст над и под изображением происходит из элемента currentImageIdx массива объектов изображения, который устанавливается в (currentImageIdx) (ionSlideDidChange) = функция «checkKeyandFixText ()», которая вызывается и на которую ссылается код. Слайды, к которым обращается @ViewChild:

   @ViewChild('photoslider', {static: false}) photoslider: IonSlides;

... и функция checkKey содержит:

            checkKeyandFixText() {
              this.userService.getStorageURLKey('').then(() => { // trigger key update
              });
              this.photoslider.getActiveIndex().then((res) => {
                this.currentImageIdx = res;
              ... more stuff

Таким образом, объект «фотослайдер» должен существовать, иначе я уверен, что что-то изменится.