我如何有條件地分配顏色到玉文本

Question

我有一個應用程序使用mongodb，node.js，表達，玉模板，jQuery。我有一組文檔，每個文檔都包含「活動」或「過期」狀態。我想以綠色顯示'活動'文檔'日期和紅色'過期'文檔'日期。

.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類型錯誤：/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 { 顏色：綠色 }

.expired類{ 顏色：紅色 }

我的目標是日期顯示爲紅色顯示已過期，綠色顯示爲已啓用。我試圖使用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')