javascript代码实例教程-Note09--Filter

发布时间:2019-01-15 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-Note09--Filter脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

1. 目录结构

javascript代码实例教程-Note09--Filter

2. e.g.

a. Filter.html

 <html ng-app="MyModule">     <head>         <meta http-equiv="content-type" content="text/html; charset=utf-8" />         <script src="framework/angular-1.3.0.14/angular.js"></script>         <script src="Filter.js"></script>     </head>     <body>         {{ 1304375948024 | date }}         <br>         {{ 1304375948024 | date:"MM/dd/yyyy @ h:mma" }}         <br>         {{ 1304375948024 | date:"yyyy-MM-dd hh:mm:ss" }}         <br>     </body> </html>

b. Filter.js

 var myModule=angular.module("MyModule",[]);

3. 自定义Filter

a. e.g.

i. MyFilter.html

 <html ng-app="MyModule">  <head>     <meta http-equiv="content-type" content="text/html; charset=utf-8" />     <script src="framework/angular-1.3.0.14/angular.js"></script>     <script src="MyFilter.js"></script> </head>  <body>     {{'大漠穷秋'|filter1 }} </body>  </html>

ii. MyFilter.js

 var myModule=angular.module("MyModule",[]); myModule.filter('filter1',function(){     return function(item){         return item + 'o(∩_∩)o';     } }); 

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-Note09--Filter全部内容,希望文章能够帮你解决javascript代码实例教程-Note09--Filter所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:HTML