/
githubmirror
/
ionic
Обзор
Документация
Войти
/
githubmirror
/
ionic
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/angular/test/base/src/app/lazy/tabs-basic/tabs-basic.component.html
53 строки
2 KB
Maria Hutt
feat(react, vue, angular): use tabs without router (#29794)
26 авг 2024, 18:13
Не верифицирован
26 авг 2024, 18:13
867066b
Код
Авторство
О чём код?
<ion-tabs (ionTabsWillChange)="onTabWillChange($event)" (ionTabsDidChange)="onTabDidChange($event)"> <ion-tab-bar slot="bottom"> <ion-tab-button tab="tab1"> <ion-label>Tab One</ion-label> <ion-icon name="add"></ion-icon> </ion-tab-button> <ion-tab-button tab="tab2"> <ion-label>Tab Two</ion-label> <ion-icon name="logo-ionic"></ion-icon> </ion-tab-button> <ion-tab-button tab="tab3"> <ion-label>Tab Three</ion-label> <ion-icon name="save"></ion-icon> </ion-tab-button> </ion-tab-bar> <ion-tab tab="tab1"> <ion-label>Tab 1 Content</ion-label> </ion-tab> <ion-tab tab="tab2"> <ion-label>Tab 2 Content</ion-label> </ion-tab> <ion-tab tab="tab3"> <ion-label>Tab 3 Content</ion-label> </ion-tab> </ion-tabs> <div id="test"> <ul> <li> ionTabsWillChange counter: <span id="ionTabsWillChangeCounter">{{ tabsWillChangeCounter }}</span> </li> <li> ionTabsWillChange event: <span id="ionTabsWillChangeEvent">{{ tabsWillChangeEvent }}</span> </li> <li> ionTabsWillChange selectedTab: <span id="ionTabsWillChangeSelectedTab">{{ tabsWillChangeSelectedTab }}</span> </li> </ul> <ul> <li> ionTabsDidChange counter: <span id="ionTabsDidChangeCounter">{{ tabsDidChangeCounter }}</span> </li> <li> ionTabsDidChange event: <span id="ionTabsDidChangeEvent">{{ tabsDidChangeEvent }}</span> </li> <li> ionTabsDidChange selectedTab: <span id="ionTabsDidChangeSelectedTab">{{ tabsDidChangeSelectedTab }}</span> </li> </ul> </div>