熟练使用artTemplate.helper()方法

zoukankan html css js c++ java

熟练使用artTemplate.helper()方法
最近，使用artTemplate模板比较频繁，也遇到了一些问题。使用artTemplate模板的时候，使用{{$index}}只能获取到小写的阿拉伯数字，但是，项目实际需要大写的，类似，"一、二、三、四"这样的数字写法。之前也使用过这个模板，但是并没有遇到这样的需求。更要紧的是模板提供的helper()方法不怎么会用。形势所逼，还是硬着头皮了解一下吧。如果有同行业遇到这样的问题，在网上搜索的到类似的，那肯定和写的不一样，仔细了解一下吧，代码贴在这儿了。
1. <!DOCTYPE html>
2. <html>
3. <headlang="zh-cn">
4. <metacharset="UTF-8">
5. <title>arttemplate</title>
6. <scriptsrc="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
7. <scriptsrc="template.js"></script>
8. </head>
9. <body>
10. <divid="content3"></div>
11. <scriptid="test3"type="text/html">
12. <p>{{numberToChar 11230}}</p>
14. </script>
15. </body>
16. <script>
17. var toChar =["零","一","二","三","四","五","六","七","八","九"];
18. var toUnitChar =["","十","百","千","万","亿","万亿","亿亿"];
19. template.helper('numberToChar',function(number){
20. var toStr ='', toLargeStr ='';
21. var toUnitStr =0;
22. var flag =true;
23. while(number >0){
24. var v = number %10;
25. if(v ===0){
26. if(!flag){
27. flag =true;
28. toLargeStr = toChar[v]+ toLargeStr;
29. }
30. }else{
31. flag =false;
32. toStr = toChar[v];
33. toStr += toUnitChar[toUnitStr];
34. toLargeStr = toStr + toLargeStr;
35. }
36. toUnitStr++;
37. number =Math.floor(number /10);
38. }
39. return toLargeStr;
40. });
42. $('#content3').html(template('test3'));
43. </script>
44. </html>
最近，使用artTemplate模板比较频繁，也遇到了一些问题。使用artTemplate模板的时候，使用{{$index}}只能获取到小写的阿拉伯数字，但是，项目实际需要大写的，类似，"一、二、三、四"这样的数字写法。之前也使用过这个模板，但是并没有遇到这样的需求。更要紧的是模板提供的helper()方法不怎么会用。形势所逼，还是硬着头皮了解一下吧。如果有同行业遇到这样的问题，在网上搜索的到类似的，那肯定和写的不一样，仔细了解一下吧，代码贴在这儿了。
1. <!DOCTYPE html>
2. <html>
3. <headlang="zh-cn">
4. <metacharset="UTF-8">
5. <title>arttemplate</title>
6. <scriptsrc="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
7. <scriptsrc="template.js"></script>
8. </head>
9. <body>
10. <divid="content3"></div>
11. <scriptid="test3"type="text/html">
12. <p>{{numberToChar 11230}}</p>
14. </script>
15. </body>
16. <script>
17. var toChar =["零","一","二","三","四","五","六","七","八","九"];
18. var toUnitChar =["","十","百","千","万","亿","万亿","亿亿"];
19. template.helper('numberToChar',function(number){
20. var toStr ='', toLargeStr ='';
21. var toUnitStr =0;
22. var flag =true;
23. while(number >0){
24. var v = number %10;
25. if(v ===0){
26. if(!flag){
27. flag =true;
28. toLargeStr = toChar[v]+ toLargeStr;
29. }
30. }else{
31. flag =false;
32. toStr = toChar[v];
33. toStr += toUnitChar[toUnitStr];
34. toLargeStr = toStr + toLargeStr;
35. }
36. toUnitStr++;
37. number =Math.floor(number /10);
38. }
39. return toLargeStr;
40. });
42. $('#content3').html(template('test3'));
43. </script>
44. </html>
查看全文

相关阅读:
万兆铜缆--七类双绞线--光纤等内容
 [51CTO]反客为主，Linux 成为微软 Azure 上最流行的操作系统
 [知乎]超线程对游戏来说真的没用吗?
SQLSERVER2017 最新补丁发布方式
 MSTSC 修改端口的简单方法 3389
使用WinSW 将 exe 创建成Windows下面 service的方法 (将nginx创建成 services)
[时政]在美国，是参议院议长的权力大，还是众议院议长的权力大
 内网内使用https 和使用http 建立连接的速度对比
 Windows下 OpenSSL的安装与简单使用
 [转发]VMware厚置备延迟置零、厚置备置零、精简置备区别

原文地址：https://www.cnblogs.com/myprogramer/p/10313090.html