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

问题描述

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

extends ../layouts/default

mixin handlendata(ap)

.post(data-ks-editable=editable(user, { list: ’Application’, id: ap.id })) table.table.table-stripedthead trth(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(’<td class='col-md-1 times'>’ + time + ’</td>’); 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 articlep: a(href=’/application’) &larr; 返回应用hrif !data.application h2 Invalid application.else headerh4= data.application.namea(href='https://www.6hehe.com/wenda/9005.html#') appid： #{data.application.appid} a(href=’/application/application/’+data.application.name+’/devices’) 设备： #{data.application.devices}//a(href='https://www.6hehe.com/wenda/9005.html#') deviceLimit： #{data.application.deviceLimit}//a(href='https://www.6hehe.com/wenda/9005.html#') masterkey： #{data.application.masterkey}//a(href='https://www.6hehe.com/wenda/9005.html#') output： #{data.application.output}//a(href='https://www.6hehe.com/wenda/9005.html#') ownerid： #{data.application.ownerid}//a(href='https://www.6hehe.com/wenda/9005.html#') odataenc： #{data.application.odataenc}//a(href='https://www.6hehe.com/wenda/9005.html#') cansend： #{data.application.cansend} .devices#devices h4 收到的数据//ul// li: a(href='https://www.6hehe.com/wenda/9005.html#'): img(src='https://www.6hehe.com/wenda/9005.html' alt='..1')// li: a(href='https://www.6hehe.com/wenda/9005.html#'): img(src='https://www.6hehe.com/wenda/9005.html' alt='..2')// li: a(href='https://www.6hehe.com/wenda/9005.html#'): img(src='https://www.6hehe.com/wenda/9005.html' alt='..3')// li: a(href='https://www.6hehe.com/wenda/9005.html#'): img(src='https://www.6hehe.com/wenda/9005.html' alt='..4')each ndata in data.nodedatas +handlendata(ndata)

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

问题解答

循环之前创建个int变量， 循环时让其自增， 并给你要填入内容的元素一个属性或者类名加上这个变量， 就可以区分了。

这是重复的？？？？