代码之家 › 专栏 › 技术社区 › Hex

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

flash-message pug express node.js

Hex · 技术社区 · 7 年前

目前,如果登录不成功,我在登录时收到的消息没有问题,但如果有任何消息,我想显示一个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 and opacity:0”更改为“display:block and opacity:1”a

feedback类只是一个矩形,我想在其中显示消息值,如果它确实存在,则显示它

我也试过了,但没用

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

我有另一个叫做“feederror”的类,它与feedback相同,但区别在于不透明度和显示。。

1 回复 | 直到 7 年前

Hex 7 年前

我终于修好了!

一个下午输了,但胜利了!

每当您得到“message”变量时,最好检查其长度,而不是检查是否存在、是否为空或是否为真:

此代码:

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

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

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

若消息并没有任何内容或不存在,则它不会生成任何内容。

当您需要显示一个已经设计好的div,其类(在我的代码中是feederror)包含来自flash的消息变量时,这会很有帮助。

推荐文章

Maddy Sk · 在我的Express Routes中,当我在路由器中使用“/”端点时,它可以工作,但当我将端点更改为“/login”时,它不工作

1 年前

Atif Rizwan · 调用节点。使用AJAX的独立HTML文件的js API

2 年前

Johhnny · 部署的Nodejs Express应用程序未收到来自内置React客户端的请求

2 年前

dokichan · Express中ERR\u HTTP\u HEADERS\u发送错误的原因。js中间件

2 年前

Harsh Patel · 在express中发送到客户端后无法设置标头

2 年前

IDskxo · 提取数据本身需要几秒钟,但是,我如何使其在搜索时显示不出任何内容?

2 年前

IDskxo · 为什么我们需要添加。响应的end()?

2 年前

Seyed Ali Dehghan · 隐藏虚拟种群猫鼬字段

2 年前

Chizaram Igolo · 建议使用Express应用程序吗。是否在异步回调中使用()方法调用?

2 年前

Rammah_N · 为什么我的Heroku Express API数据是持久的,即使它只来自一个变量

2 年前