freemaker在前端页面中的标签与js标签

最新推荐文章于 2021-08-08 23:49:09 发布

原创最新推荐文章于 2021-08-08 23:49:09 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#freemaker

freemaker 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在前端开发中结合使用Freemarker模板引擎和JavaScript的方法，通过具体示例展示了如何利用这两种技术实现数据遍历及展示功能，并讨论了Freemarker加载时机等问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在用freemark写前端页面，在进行循环遍历的时候发现一件挺有意思的事情。
下面代码是正确功能实现：

 function manage_publicRecourse_customer_label(row) {
        $("#publicResource_lable").html('');
        var html1 = "<span style=\"background-color:#1abb9c;color:white;font-size:18px\">";
        var html2 = "</span>&nbsp;&nbsp;";
        var b = row.customerLable.split(',');
        for(var i=0;i<b.length;i++){
            $("#publicResource_lable").append(html1+b[i]+html2);
        }
    }

之前在freemark中并没有尝试过，一直认为遍历必须用freemark的标签。然后就写出了如下的代码：

 function manage_publicRecourse_customer_label(row) {
        $("#publicResource_lable").html('');
        var html1 = "<span style=\"background-color:#1abb9c;color:white;font-size:18px\">";
        var html2 = "</span>&nbsp;&nbsp;";
         <#list row.customerLable?split(",") as customerLable>
                   $("#publicResource_lable").append(html1+${customerLable}+html2);
         </#list>
    }