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>
												


											
一个不错的angular 字体库( 引用js文件就行)的更多相关文章
	

    
								
  1. 在SharePoint解决方案中使用JavaScript (1) – 引用.js文件
		
    本文是系列文章的第一篇. 在SharePoint解决方案中使用JavaScript (0) 作为在SharePoint应用程序中使用JavaScript的第一步,就是要知道如何将一个写好的.js文件, ...
    
		
    2. 
						
  2. html当中如何引用js文件
		
    3)html当中如何引用js文件 如果需要javascript工程师和html美工各干各的工作,需要分开写文件. 例 1.2 <html><head>    <scrip ...
    
		
    3. 
						
  3. JavaScript：引用js文件时的编码格式问题
		
    JavaScript:引用js文件时的编码格式问题 如果js文件的编码格式是utf-8,并且含有中文,那么按照正常的方法引用,就会出现乱码的情况. 方法/步骤   如果js文件的编码格式是utf-8, ...
    
		
    4. 
						
  4. C# 直接引用js文件，调js里的数据
		
    C# 直接引用js文件,调js里的数据 引入命名空间 using System.IO; string path = AppDomain.CurrentDomain.BaseDirectory + &q ...
    
		
    5. 
						
  5. 引用js文件
		
    在子模板里引用js文件的时候,需要把相应的.js文件放到static目录下,如引用static/jQuery/index.js文件: {% extends "base.html"  ...
    
		
    6. 
						
  6. [转]使用 Angular CLI 和 ng-packagr 构建一个标准的 Angular 组件库
		
    使用 Angular CLI 构建 Angular 应用程序是最方便的方式之一. 项目目标 现在,我们一起创建一个简单的组件库. 首先,我们需要创建一个 header 组件.这没什么特别的,当然接下来 ...
    
		
    7. 
						
  7. 在MS CRM 4.0中引用JS文件
		
    引用: http://blog.csdn.net/qzw4549689/article/details/6027987 1.编写好JS代码,在ISV目录下新建一个目录javascripts,将JS文件 ...
    
		
    8. 
						
  8. 自写jquery网页回到顶部效果，渐隐图标，引用js文件就可以
		
    唔.进来开发需求,当网页内容草鸡多的时候,用户就须要有个button高速回到顶部,而不是自己去滚滑轮~ 原本以为比較难的说,由于上头要求所实用js来实现,哪个页面引用,哪个页面显示. 于是乎,本屌丝就 ...
    
		
    9. 
						
  9. Jmeter_前端RSA加密下的登陆模拟_引用js文件实现
		
    版权声明:本文为博主原创文章,未经博主允许不得转载. 在一次项目实战中,前端登录使用了RSA加密,使用LoadRunner压测的第一步,就是模拟用户登录,可惜loadRunner11并不能录制前端的加 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 基于PXE的Centos无人值守安装（Win平台）
			
    一.环境准备 PXE服务器端 1.工具 tftpd32 (下载)用于提供DHCP和ftp服务 hfs   (下载)     用于提供安装软件的http方式下载 Kickstart            ...
    
			
    2. 
						
  2. java本地方法
			
    一. 什么是Native Method   简单地讲,一个Native Method就是一个java调用非java代码的接口.一个Native Method是这样一个java的方法:该方法的实现由非j ...
    
			
    3. 
						
  3. JDK下载和安装
			
    1.下载并安装JDK ,最新版本为1.8.0,官网下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.html 点击所 ...
    
			
    4. 
						
  4. iOS可变字符串的所有操作
			
    可直接把代码复制即可结合输出看结果加深记忆 //创建一个可变字符串 NSMutableString * ms1 = [[NSMutableString alloc]init]; //可以通过类方法来创 ...
    
			
    5. 
						
  5. Linq第二讲
			
    这一讲,来说说集合.因为linq主要用于对数据源进行查询,集合是最常见的数据源. 集合 形式: 数组,列表List<T> Arraylist等. 特点: 可通过索引或键访问.可进行fore ...
    
			
    6. 
						
  6. 远程连接（ssh安装）
			
    更新源列表打开"终端窗口",输入"sudo apt-get update"-->回车-->"输入当前登录用户的管理员密码"--& ...
    
			
    7. 
						
  7. flex超链接
			
    <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="ht ...
    
			
    8. 
						
  8. 笨方法学python--提问
			
    1 实现 用户在终端进行输入 的方法 print "how old are you?", age = raw_input() 该地方,第1名后面加逗号,然后必须换行 2 若要限制用 ...
    
			
    9. 
						
  9. JS模拟窗口
			
    摘自于网络:http://www.cnblogs.com/joinger/articles/1297228.html <!DOCTYPE html PUBLIC "-//W3C//DT ...
    
			
    10. 
						
  10. Mybatis 一对一，一对多，多对一，多对多的理解
			
    First (一对一) 首先我来说下一对一的理解,就是一个班主任只属于一个班级,一个班级也只能有一个班主任.好吧这就是对于一对一的理解 怎么来实现呢? 这里我介绍了两种方式: 一种是:使用嵌套结果映射 ...
    
			
    11.