Ионные вкладки меняют содержимое не всей страницы - PullRequest
Новая
       9

Ионные вкладки меняют содержимое не всей страницы

0 голосов
/ 14 апреля 2020

У меня есть это html: 

<ion-content>
<ion-grid>
    <ion-row>
        <ion-col size="8">
            <ion-tabs>
                <ion-tab-bar slot="top">
                    <ion-tab-button tab="trend">
                        <ion-label>Trending</ion-label>
                    </ion-tab-button>

                    <ion-tab-button tab="not-trend">
                        <ion-label>Not Trend</ion-label>
                    </ion-tab-button>
                </ion-tab-bar>
            </ion-tabs>
        </ion-col>
        <ion-col size="4">Hi</ion-col>
    </ion-row>
</ion-grid>
<div class="content"></div>
</ion-content>

Когда я получаю доступ: /campaigns У меня есть эта страница с 2 вкладками. Теперь я хочу изменить только содержимое div <div class="content"></div>, а не создавать отдельную страницу для каждой вкладки. Можно ли это сделать без выделенного маршрута для каждой вкладки? Спасибо заранее

1 Ответ

1 голос
/ 14 апреля 2020

Это не то, что ion-tabs предназначено для этого. Это то, что ion-segment предназначено для https://ionicframework.com/docs/api/segment

Их функциональность аналогична вкладкам, где при выборе одной из них отменяются все остальные. Сегменты полезны для переключения между различными представлениями внутри контента. Вкладки следует использовать вместо сегмента, при нажатии на элемент управления следует переходить между страницами.

...