我怎样才能有条件地分配一个颜色的玉文本
我有一个应用程序使用mongodb,node.js,expression,玉模板,jquery。 我有一组文档,每个文档都包含“活动”或“过期”状态。 我希望以绿色显示“活动”文档date和红色“过期”文档date。
.list if (applications.length === 0) | No applications. each application, index in applications .item div -if (application.Status = "active") -$( ".dateapplied" ).addClass("activeClass") div div.dateapplied div -var day = application.Applied.getDate() -var m = application.Applied.getMonth() -var y = application.Applied.getFullYear() -var prettydate = m + " / " + day + " / " + y div span.name=prettydate |  div.name
行 – $(“.dateapplied”).addClass(“activeClass”)呈现:
500 TypeError:/Users/eddie/logicalpath/jobkeeper/views/applications.jade:20 18 | div 19 | -if(application.Status =“active”)> 20 | – $(“.dateapplied”).addClass(“activeClass”)21 | div 22 | div.dateapplied 23 | 未定义的div不是一个函数
我的CSS类是:
.activeClass {color:green}
.expired Class {color:red}
我的目标是将date显示为红色显示已过期,绿色显示为已启用。 我试图使用css类而不是内联css.Im不知道如何将类添加到.dateapplied。 或者,也许我正在想这个错误。 任何帮助赞赏。
谢谢!
尝试这个:
.list if (applications.length === 0) | No applications. each application, index in applications .item div div.dateapplied(class=(application.Status == 'active')? 'activeClass':'expiredClass') div -var day = application.Applied.getDate() -var m = application.Applied.getMonth() -var y = application.Applied.getFullYear() -var prettydate = m + " / " + day + " / " + y div span.name=prettydate |  div.name
您可以在属性内部应用条件,如下所示:
(class=(application.Status == 'active')? 'activeClass':'expiredClass')