pug - Jade 模板忽略管道符号后的第一个空格

Question

我有一个关于 Jade 模板的小细节问题

我看到以下模板:

p(data-ng-show="submitting")
 i.icon-cog.icon-spin
 | Authenticating...

正在转换成这个 HTML

<p data-ng-show="submitting"><i class="icon-cog icon-spin"></i>Authenticating...</p>

请注意，“Authenticating...”之前的单个空格不会转移到编译的 HTML 中。这里唯一的解决方案是使用 来强制留白吗？

Answer 1

这就是 Jade 的工作方式，而且我知道，不得不处理这样的事情是非常糟糕的。

你可以这样做:

p(data-ng-show="submitting")
 i.icon-cog.icon-spin
 |  Authenticating...

我认为这有点棘手。

另一个选项是打印一个空白 HTML 实体，正如 @brnrd 已经建议的那样:

p(data-ng-show="submitting")
  i.icon-cog.icon-spin
  |  Authenticating...

另一种选择，但在我看来非常糟糕(或者如果你使用 i18n 则不会那么糟糕)，是:

p(data-ng-show="submitting")
  i.icon-cog.icon-spin
  = " Authenticating..."