Angular Material的mat-icons是否有官方完整图标列表?
获取Angular Material 完整图标列表的官方方法
嘿,刚好对这个问题很熟悉,来给你说几个靠谱的官方途径获取完整的<mat-icon>图标列表~
Angular Material文档内置的图标浏览器
打开Angular Material的<mat-icon>组件文档页面,里面自带了一个官方的图标浏览器工具。这个工具会展示所有当前版本支持的图标,还能按类别筛选、搜索图标,选中后直接就能复制对应的图标名称,完全不用担心遗漏,而且是实时跟着框架版本更新的。Material Design Icons官方库的完整列表
Angular Material的<mat-icon>默认适配的是Google官方的Material Icons字体,所以这个字体库下的所有图标都能在<mat-icon>里使用。你可以通过官方的Material Icons分类列表来查看全部图标,每个图标都会明确标注可直接使用的名称,比如你想用主页图标,直接写<mat-icon>home</mat-icon>就可以。本地项目里的快速验证小技巧
如果你已经搭建了Angular项目,还可以通过查看项目依赖中@angular/material相关的元数据文件,来确认所有可用的图标名称。另外,如果输入了错误的图标名称,浏览器控制台会弹出提示,告诉你哪些图标是有效的,也能帮你快速排查。
内容的提问来源于stack exchange,提问作者Pablo
相关产品推荐
相关产品推荐

