2017-03-16 66 views
0

我正在試圖製作一個動態頁面,其中只有當有實際的flash消息時纔會顯示flash消息。玉的動態flash消息

僅當if語句爲true時才顯示消息文本,但顯示其背景色的div爲總是顯示(類爲bootstrap)。我也嘗試添加自定義CSS的div,但同樣的問題出現。

我使用的模板引擎是Jade with Express。

div.wrapper 
     if success_msg 
     div.alert.alert-success #{success_msg}  
     if error_msg 
     div.alert.alert-danger #{error_msg} 
     if error 
     div.alert.alert-danger #{error} 

     block content 

編輯

第一張截圖是不應該顯示if語句裏面的div的。

Without any flash messages

With error flash message

+0

能否請您對以上描述的問題是什麼,以及你所要完成。 – magreenberg

+0

@magreenberg當然,請檢查截圖。 – DowinskiField

回答

0

與此代碼固定它:

div.wrapper 
     if success_msg != '' 
     .alert.alert-success #{success_msg}  
     if error_msg != '' 
     .alert.alert-danger #{error_msg} 
     if error != '' 
     .alert.alert-danger #{error} 

     block content