Статическое отображение Ionic 5 Angular Tabs

С заменой элемента ion-tab на ion-tab-bar и Angular Routing (как описано в критические изменения) - есть ли другой способ отображения "статических вкладок"?

Маршрутизация/отложенная загрузка отлично подходит для определенных сценариев, но не тогда, когда я хочу поделиться своим объектом между вкладками.
Документация по использованию JavaScript по-прежнему показывает использование ion-tab, что идеально подходит для меня. Что-то вроде этого:

<ion-tabs>

  <ion-tab tab="tab-schedule">
    Static content {{foo.schedule}}
  </ion-tab>

  <ion-tab tab="tab-speaker">
    Static content {{foo.speaker}}
  </ion-tab>

  <ion-tab-bar slot="bottom">
    <ion-tab-button tab="tab-schedule">
      <ion-label>Schedule</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="tab-speaker">
      <ion-label>Speakers</ion-label>
    </ion-tab-button>
  </ion-tab-bar>

</ion-tabs>

Есть ли другой способ добиться такого поведения в Ionic 5 Angular?


ionic-framework angular ionic5
person JvR    schedule 12.05.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Насколько я знаю, нет возможности использовать ion-tabs без роутинга. Я пробовал несколько попыток и потерпел неудачу. Для статических вкладок Ionic предлагает компонент ion-segment, который используется следующим образом:

      <ion-segment [(ngModel)]="selectedSegment">
        <ion-segment-button value="1">
          <ion-label>1</ion-label>
        </ion-segment-button>

        <ion-segment-button value="2">
          <ion-label>2</ion-label>
        </ion-segment-button>

      </ion-segment>


      <div *ngIf="1 === selectedSegment">
        1
      </div>

      <div *ngIf="2 === selectedSegment">
        2
      </div>

Документы находятся здесь https://ionicframework.com/docs/api/segment.

person jiroch    schedule 20.11.2020