Jade 条件句中的换行符

【问题标题】：line breaks in Jade conditionalsJade 条件句中的换行符
【发布时间】：2016-08-03 15:23:30
【问题描述】：

我想弄清楚是否有办法在 Jade 模板条件中插入换行符。例如，考虑以下冗长的条件：

if superlongstatementnumberone == true && superlongstatementnumbertwo == false && superlongstatementnumberthree == true
  div: span some content

会更易于管理：

if superlongstatementnumberone == true \
  && superlongstatementnumbertwo == false \
  && superlongstatementnumberthree == true
  div: span some content

可以使用非条件部分执行此操作，但根据我的实验，上述内容不适用于代码语句。在没有任何支持的情况下，一种语言能够渗透到 Jade 对我来说有点不可思议。

我希望这篇文章能证明我是对的......

【问题讨论】：

标签： pug

【解决方案1】：

您可以将Code 与- 减号（单词分隔符）一起使用，如官方Jade - Language Reference 中所述

较新的 Jade/Pug 版本支持带有 sinlg 减号的缓冲代码块和非缓冲代码块，并带有以下行的缩进，例如以下示例：

- 
  if (superlongstatementnumberone == true 
    && superlongstatementnumbertwo == false 
    && superlongstatementnumberthree == true) {
      var someContent = 'some content'
  }
div: span= someContent

在较旧的 Jade/Pug 版本中，您需要在所有行中添加前导 - 减号，如下例所示：

- if (superlongstatementnumberone == true 
-   && superlongstatementnumbertwo == false 
-   && superlongstatementnumberthree == true) {
-      var someContent = 'some content'
- }
div: span= someContent

看看一个有效的CodePen。

【讨论】：