3

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

我看到以下模板：

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 中。是这里唯一用于强制留白的解决方案吗？

4

2 回答 2

6

这就是 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..."
于 2013-06-18T22:30:12.633 回答
2

只需添加一个空格字符：

&nbsp;

作为 ：

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

它成功了。

于 2013-06-18T22:23:05.867 回答