前端 - jade能否动态创建类名?

 张麦刚_738 发布于 2022-10-31 18:12

jade模板中传过来的数据格式不太符 改了格式后循环被覆盖

extends ../layouts/default

mixin handlendata(ap)

.post(data-ks-editable=editable(user, { list: 'Application', id: ap.id }))
    table.table.table-striped
        thead
            tr
                th(style="text-align: center") 设备编号
                th(style="text-align: center") 状态
                th(styel="text-align: center") 流量
                th(style="text-align: center") 其他信息
                th(style="text-align: center") 时间
        tbody
            - var num = 1;
            tr.active
            td.col-md-1: a.name(href='/application/application/' + ap.devAddr)= ap.devAddr
            td.col-md-1.switches 
            td.col-md-1.flows
            td.col-md-1.others #{ap.decMsg}
            script.
                var original = '#{ap.decMsg}';
                var switches = original.substr(0, 3);
                var flow = original.substr(3, 11);
                var flowStr = '';
                flow = flow.split('-');
                flow = flow.reverse();
                for (var i in flow) {
                    flowStr += flow[i];
                }
                var flows = parseInt(flowStr, 16);
                console.log(flows);
                $('.flows').html(flows);
                flowStr = '';
                var flag;
                if (switches == '80') {
                    flag = '开';
                } else {
                    flag = '关';
                }
                $('.switches').html(flag);
                //$('.others').html(others);
                //$(time).appendTo($('.times'));
                //$('.decMsg').after('' + time + '');
            td.col-md-1.times        
            script.
                var time = new Date('#{ap.currTime}');
                time = time.format('yyyy-MM-dd hh:mm:ss');
                console.log(time);
                $('.times').html(time);

block content

script(src='/js/jquery/jquery-2.1.4.min.js')
script(src='/js/time.js')
.container: .row
    article
        p: a(href='/application') ← 返回应用
        hr
        if !data.application
            h2 Invalid application.
        else
            header
                h4= data.application.name
                a(href="#") appid:   #{data.application.appid} 
                a(href='/application/application/'+data.application.name+'/devices') 设备:   #{data.application.devices}
                //a(href="#") deviceLimit:   #{data.application.deviceLimit}
                //a(href="#") masterkey:   #{data.application.masterkey}
                //a(href="#") output:   #{data.application.output}
                //a(href="#") ownerid:   #{data.application.ownerid}
                //a(href="#") odataenc:   #{data.application.odataenc}
                //a(href="#") cansend:   #{data.application.cansend}
                
            .devices#devices  
                h4 收到的数据
                //ul
                //    li: a(href="#"): img(src="" alt="..1")
                //    li: a(href="#"): img(src="" alt="..2")
                //    li: a(href="#"): img(src="" alt="..3")
                //    li: a(href="#"): img(src="" alt="..4")
                each ndata in data.nodedatas
                    +handlendata(ndata)
                        
                            
                                
                    
                    
        


第一幅图片说明获取到并转换了的数据是不重复的
第二幅图片则是数据重复了
整体变成了最后一条数据

2 个回答
  • 这是重复的????

    2022-11-12 01:43 回答
  • 循环之前创建个int变量, 循环时让其自增, 并给你要填入内容的元素一个属性或者类名加上这个变量, 就可以区分了。

    2022-11-12 01:43 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有