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

貢獻者指南