如果有条件改变样式类值,我可以使用Jade吗?使用flash变量

时间:2018-04-24 22:38:21

标签: node.js express pug flash-message

目前我在登录时没有问题得到我的消息,如果它不成功,但我想显示一个div,如果有任何消息(这次只是错误消息)

这是代码

    div(class='formPosSize')
        form(action='/auth/login' method='post' autocomplete='off')
          fieldset
            legend.legend Login
            .input
              input(name='username', placeholder='Email', required='')
              span
                i.fa.fa-envelope-o
            .input
              input(type='password',name='password', placeholder='Password', required='')
              span
                i.fa.fa-lock
            button.submit(type='submit')
              i.fa.fa-long-arrow-right


          .feedback(class=message!=="undefined" ? "" : "feederror")
             if(message)   
               |  #{message} 

如果有任何消息,我想更改当前的反馈样式变量" display:none和opacity:0"到"显示:块和不透明度:1"一个

反馈类只是一个矩形,我想在那里显示消息值并显示它是否存在

我也试过这个,但它没有用

             if(message)  
              .feedback(class=feederror) 
                 |  #{message} 

我有另一个名为" feederror"这与反馈相同,但不同之处在于不透明度和显示效果。

1 个答案:

答案 0 :(得分:0)

我终于修好了!

一个下午失败,但胜利!

每当你得到“消息”变量时,最好检查它的长度而不是检查是否存在,或者是否为空,或者是否为真:

此代码:

if (message.length > 0)
    div.feederror 
       div #{message}

如果消息变量上有任何内容,则生成此内容:

 <div class="feederror"> 
  <div>Usuario o contraseña incorrectas.</div>
 </div>

如果消息没有任何内容或不存在,它就不会生成任何内容。

当你需要显示一个已经设计过的div时,这会有所帮助,它的类(在我的代码中是fedror)包含来自flash的消息变量。