我怎样才能有条件地分配一个颜色的玉文本

我有一个应用程序使用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 |&nbsp 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。 或者，也许我正在想这个错误。 任何帮助赞赏。

谢谢！

Answer 1

尝试这个：

 .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 |&nbsp div.name 

您可以在属性内部应用条件，如下所示：

 (class=(application.Status == 'active')? 'activeClass':'expiredClass')