NG-ZORRO扩展自己的图标方法二

前面文章介绍了静态的引入方式,比较麻烦,这里介绍一种简单的动态方式。

1.到https://www.iconfont.cn/ 网站获取(需要有注册帐号),点击你需要的图标,下载svg文件,取好名字。

2.在 assets/xxx创建一个目录,这个xxx就是命名空间。例如你在 zoo 命名空间下有一个 panda 图标,你需要做的就是将 panda.svg 放到 assets/zoo 目录底下。

3.使用方式 还是和原来文章介绍一样的。

4.使用这种方式的话有以下几个好处:

图标的使用方式不变,比如菜单的实现,需要把图标保存到数据库,这样就不需要区分是谁的图标,一样的保存一个字符串到库就可以了。不需要写代码就可以实现。系统图标和业务系统图标可以分开。