FreeMarker生成H5模板数字带有逗号

项目描述:这是有服务端生成的一个H5模板,支持跳转.
后端返回的数据格式如下:
[
{
matchId:‘10001’,
roomId:20001,
name:‘哈哈哈’,
}
]

然后FreeMarker的H5模板里面,代码如下

<#list lists as list>
   <div class="box"  roomId="${list.roomId}" matchId="${list.matchId}">${list.name}</div>
</#list>

成功生成H5模板页面之后,检查元素发现这样一个奇怪的现象:

可以发现: div 的自定义属性roomId被用逗号分隔开了.
此处因为js需要根据这个id进行拼接进行跳转,所以必须要想办法把逗号去掉.

所以经过查询发现有以下几种方法可以解决:

• 在模板中直接加.toString()转化数字为字符串，如 ${num.toString()}
• 使用?c控制，如 ${num?c}
• 在freemarker配置文件freemarker.properties(在class目录下即可)加number_format=#
• 在模板中直接加<#setting number_format="#">；
• 通过freemarker.template.Configuration的config.setNumberFormat("#")来设定freemarker对数值的格式化;

但是我选择的是第二种,代码如下

<#list lists as list>
   <div class="box"  roomId="${list.roomId?c}" matchId="${list.matchId?c}">${list.name}</div>
</#list>

结果一下子就报错了,连H5模板都生成不了了.
经过一番苦查,发现是Freemarker对语法要求比较严格,matchId我拿到的是字符串类型的数字,所以不应该在后面再加?c了.
正确写法应该如下:

<#list lists as list>
   <div class="box"  roomId="${list.roomId?c}" matchId="${list.matchId}">${list.name}</div>
</#list>

写这个博客的目的一方面是为了记录我遇到的问题,另一方面也是帮助大家在这方面少踩点坑.如果有不对的地方,欢迎大家交流学习.