/
githubmirror
/
ionic
Обзор
Документация
Войти
/
githubmirror
/
ionic
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/angular/test/base/src/app/standalone/icon/icon.component.ts
27 строк
832 B
Liam DeBeasi
feat(angular): ship Ionic components as Angular standalone components (#28311)
10 окт 2023, 20:06
Не верифицирован
10 окт 2023, 20:06
57e2476
Код
Авторство
О чём код?
import { Component } from '@angular/core'; import { IonIcon } from '@ionic/angular/standalone'; import { logoIonic, logoIonitron, logoApple, logoAndroid } from 'ionicons/icons'; import { addIcons } from 'ionicons'; addIcons({ logoIonic, logoIonitron, logoApple, logoAndroid }); @Component({ selector: 'app-icon', templateUrl: './icon.component.html', standalone: true, imports: [IonIcon], }) export class IconComponent { iconName: string = 'logo-ionic'; iosIcon: string = 'logo-apple'; mdIcon: string = 'logo-android'; changeIcon() { this.iconName = this.iconName === 'logo-ionic' ? 'logo-apple' : 'logo-ionic'; } changeModeIcon() { this.iosIcon = this.iosIcon === 'logo-apple' ? 'logo-ionic' : 'logo-apple'; this.mdIcon = this.mdIcon === 'logo-android' ? 'logo-ionitron' : 'logo-android'; } }