проекте? Столкнулся с тем, что очень неудобно управлять их наличием при появлении новых схожих иконок
Наткнулся на вот такую статейку по этой теме https://netbasal.com/elegantly-manage-svg-icons-in-angular-applications-5adde68a5c46
но может у кого-то есть негативный опыт такой организации, или лучшие приемы есть
самая главная задача думаю - собрать все эти иконки на одной странице, этакий стенд с иконками, чтобы было проще понять, что данная иконка уже существует в проекте и по новой ее импортить не надо, а заюзать существующую. Но это то, как я себе представляю. Может есть какие-то другие подходы и про них можно услышать/почитать ( больше к сожалению никакого чтива на подобную тематику не нашел - может кто поделится )
через mat-icon и icon сервис
это что за решение, можно поподробнее, а то я с материалом давно уже не работал и в чем решение мне непонятно
тут рассказывается https://www.digitalocean.com/community/tutorials/angular-custom-svg-icons-angular-material а список иконок мы например храним в енаме, получается что-то такое enum IconsEnum { Someicon1 = ‘icon-name1’ , SomeIcon2 = ‘icon-name’2, } сервис: export class IconService { constructor( private matIconRegistry: MatIconRegistry, private domSanitizer: DomSanitizer ) { } public registerIcons(): void { this.loadIcons(Object.values(IconsEnum), './assets/img/icons'); } private loadIcons(iconKeys: string[], iconUrl: string): void { iconKeys.forEach(key => { this.matIconRegistry.addSvgIcon(key, this.domSanitizer.bypassSecurityTrustResourceUrl(`${iconUrl}/${key}.svg`)); }); } }
Обсуждают сегодня