/
githubmirror
/
ionic
Обзор
Документация
Войти
/
githubmirror
/
ionic
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/angular/test/base/src/app/standalone/tabs/tabs.component.ts
38 строк
1 KB
Liam DeBeasi
feat(angular): ship Ionic components as Angular standalone components (#28311)
10 окт 2023, 20:06
Не верифицирован
10 окт 2023, 20:06
57e2476
Код
Авторство
О чём код?
import { Component, ViewChild } from '@angular/core'; import { IonTabBar, IonTabButton, IonIcon, IonLabel, IonTabs } from '@ionic/angular/standalone'; import { addIcons } from 'ionicons'; import { add, logoIonic, save } from 'ionicons/icons'; addIcons({ add, logoIonic, save }); @Component({ selector: 'app-tabs', templateUrl: './tabs.component.html', standalone: true, imports: [IonTabBar, IonTabButton, IonIcon, IonLabel, IonTabs] }) export class TabsComponent { tabsDidChangeCounter = 0; tabsDidChangeEvent = ''; tabsDidChangeSelectedTab? = ''; tabsWillChangeCounter = 0; tabsWillChangeEvent = ''; tabsWillChangeSelectedTab? = ''; @ViewChild(IonTabBar) tabBar!: IonTabBar; tabChanged(ev: { tab: string }) { console.log('ionTabsDidChange', this.tabBar.selectedTab); this.tabsDidChangeCounter++; this.tabsDidChangeEvent = ev.tab; this.tabsDidChangeSelectedTab = this.tabBar.selectedTab; } tabsWillChange(ev: { tab: string }) { console.log('ionTabsWillChange', this.tabBar.selectedTab); this.tabsWillChangeCounter++; this.tabsWillChangeEvent = ev.tab; this.tabsWillChangeSelectedTab = this.tabBar.selectedTab; } }