分类
Javascript

自定义AngularJS指令

Angular指令主要是对html的封装复用扩展。封装复用的一个很典型的场景就是多页面相同的底部,我们完全可以设定指令template属性内部嵌入代码模版,然后在每个页面中调用。类似后端语言中的include方法。更多时候可复用的html代码块作为一个模版视图,然后用ng-include或者是templateUrl来动态加载,这已经不局限于指令本身了。相比内部嵌入的方式,动态加载模板视图至少会多一次请求。

分类
Javascript

AngularJS 1.2新增功能

感觉自己还是比较懒,AngularJS 1.2已经发布好久了,才来关注它的新功能。比较突出的新增功能有:

分类
Javascript

AngularJS整合Echarts做饼图

还记Angularjs指令怎样传递函数参数吗?我们将表格封装成了一个指令。如果不封装就没有传递函数参数的问题了吗?我们要重申的是,封装是必要的,封装可以复用代码。试想,如果在再加入一个图表,要求也可以按时间段下钻。如果不封装的话,下钻这块实现要写两次。而且真实场景多数是表格图表都会的。所以说还是封装成组件好。

分类
Javascript

Batarang出事了

一直以来,Batarang作为调试Angularjs应用的神器备受好评。不过,也有不少人说Angular官方对其更新得太慢,还不如第三方的ng-inspector好用。平心而论,ng-inspector确实查看Scope很方便,而Batarang除Scope查看分析功能外,还有另外两大功能:jsHint和性能检测。可以说两者不是一个级别的扩展程序。

分类
Javascript

让angular-md5.js支持UTF8

出于安全,近来的项目要求对传递给后端的参数数据添加签名,后端Java用的是MD5解密,要求也相应地使用MD5加密。很自然会git到angular-md5.js(https://github.com/gdi2290/angular-md5)这个工具包。使用很简单,用服务作为参数注入调用md5.createHash方法进行MD5加密。作者甚至还提供了两个过滤器方便大家使用。