ionic-team/ionicons

bug: Ionic v8 addIcon not working with composed name icons

开放

#1,380 创建于 2024年5月18日

 (7 条评论) (0 个反应) (0 位负责人)TypeScript (2,083 个派生)batch import
help wanted

仓库指标

星标
 (17,256 个星标)
PR 合并指标
 (PR 指标待抓取)

描述

Current Behavior

I'm trying to use multiple ionic icons in my application, but only the simple ones are working for example: exit, calendar, add. If I try

it is not working.

Here are some examples:

html <ion-footer> <ion-list> <ion-menu-toggle menu="m1"> <ion-item lines="none" (click)="onLogout()" button> <ion-icon name="exit" slot="start"></ion-icon> <ion-label>Salir</ion-label> </ion-item> </ion-menu-toggle> </ion-list> </ion-footer>

ts

import { ellipsisVerticalOutline, exit } from "ionicons/icons"; import { addIcons } from "ionicons"; export class AppComponent implements OnInit, OnDestroy { ... constructor( private platform: Platform, //rivate splashScreen: SplashScreen, //private statusBar: StatusBar, private authService: AuthService, private locationService: LocationService, private router: Router, private menuCtrl: MenuController, private alertCtrl: AlertController, //private messagingService: MessagingService, // private translateService: TranslateService ) { this.initializeApp(); addIcons({exit,ellipsisVerticalOutline}); }

}

image

If I change html for: <ion-footer> <ion-list> <ion-menu-toggle menu="m1"> <ion-item lines="none" (click)="onLogout()" button> <ion-icon name="ellipsis-vertical-outline"></ion-icon> <ion-label>Salir</ion-label> </ion-item> </ion-menu-toggle> </ion-list> </ion-footer>

image

Not Working.

Expected Behavior

That the icon I'm using shows

Steps to Reproduce

Use some basic icons with no composed names like exit, calendar Then use some icons like

Code Reproduction URL

No response

Additional Information

No response

贡献者指南