好好爱自己!

一个不错的angular 字体库( 引用js文件就行)

https://klarsys.github.io/angular-material-icons/

 

使用方法:

1.引入这个js文件,

<script src="//cdnjs.cloudflare.com/ajax/libs/angular-material-icons/0.7.1/angular-material-icons.min.js"></script> 

2. 定义module 的依赖

angular.module('demoapp', ['ngMdIcons']);

3. 在html视图文件中, 使用ng-md-icon 指令:

<ng-md-icon icon="delete"></ng-md-icon>

4.效果

 ps: 关键是可以自定义颜色和大小

效果图

 

<ng-md-icon icon="delete" style="fill: pink" size="18px"></ng-md-icon>

 


posted @ 2016-11-03 16:59  立志做一个好的程序员  阅读(1731)  评论(0编辑  收藏  举报

不断学习创作,与自己快乐相处