2017-03-16 61 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