Question

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

我看到以下模板：

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
  | &nbsp;Authenticating...

又一个选择，但在我看来非常糟糕（或者如果你使用i18n那么多），是：

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

Answer 2

只需添加空白字符：

&nbsp;

作为：

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

它可以解决问题。