如何将 Angular Material 图标资产路径与 Django 模板集成？
Posted
技术标签:
【中文标题】如何将 Angular Material 图标资产路径与 Django 模板集成？【英文标题】：How to integrate the Angular Material icon asset path with Django template? 【发布时间】：2017-08-24 09:37:37 【问题描述】：我使用 Django 作为 Web 系统的后端，使用 Angularjs 材料作为前端。
在前端的html文件中，我使用% load staticfiles %标签来指定静态文件路径。比如angular-material.css文件：
% load staticfiles %
<link rel="stylesheet" href="% static 'node_modules/angular-material/angular-material.css' %"/>
当我把 a 放到 html 中时，它的 md-svg-src 属性应该被设置为指定为 svg 文件路径。那么如何在不使用% load staticfiles %标签的情况下将svg文件路径设置为md-svg-src的值呢？由于html中经常使用md-icon，所以在每个md-icon前加一个% load staticfiles %标签，显得太难看了。
PS：我的 Angularjs 脚本代码存储在一个独立的 js 文件 index.js 中，$mdIconProvider 配置也在这个文件中。但是，我还没有发现Django可以在js文件中翻译其模板标签% load staticfiles %。
【问题讨论】：
【参考方案1】：为什么不使用材质图标？有棱角的材料，很简单：
在 material.io 上搜索您的图标，然后像这样在您的 html 页面中添加图标
<i class="material-icons">name_of_material_icon</i>
不要忘记在 <head> 元素中添加材质图标 css 样式表：
<link rel="stylesheet" href="% static 'path/to/material-icons.css' %"/>
【讨论】：
以上是关于如何将 Angular Material 图标资产路径与 Django 模板集成？的主要内容，如果未能解决你的问题，请参考以下文章
如何合并不在 Google Material for Angular 中的图标？
如何在 Angular Material 11 的 MatSlideToggle 中使用图标？
如何更改 Angular Material 步进器中的状态图标？