Могу ли я использовать Jade, если условно, чтобы изменить значение класса стиля? Использование флэш-переменных - PullRequest
Новая
       14

Могу ли я использовать Jade, если условно, чтобы изменить значение класса стиля? Использование флэш-переменных

0 голосов
/ 25 апреля 2018

В настоящее время я получаю сообщение без проблем при входе в систему, если оно не прошло успешно, но я хочу отобразить 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" to "display: block and opacity: 1" a

класс обратной связи - это просто прямоугольник, я хочу указать значение сообщения и показать его, если оно существует

Я тоже пытался, но это не сработало 

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

У меня есть другой класс, названный "feederror", который совпадает с обратной связью, но разница в непрозрачности и отображении.

1 Ответ

0 голосов
/ 25 апреля 2018

Я наконец исправил!

Один день потерян, но победа!

всякий раз, когда вы получаете переменную "message", лучше проверять ее длину, а не проверять, существует ли она, или она пуста, или если true:

этот код: 

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

Генерирует это, если в переменной сообщения есть что-либо: 

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

И оно ничего не генерирует, если сообщение не имеет ничего или не существует.

Это помогает, когда вам нужно показать уже спроектированный div с его классом (в моем коде это feederror), содержащим переменную сообщения из flash.

...