如何添加带有值的标签

Question

我很想知道如何在 Pug 中添加包含显示 Font Awesome 图标和动态值所需的另一个标签的标签。我这样试过：

    p!= "<i class=\"far fa-bell\"></i>"
        if val.i != null
            = " " + val.i
        else
            = " EXAMPLE TEXT"

我得到了这个输出：

<p><i class="fas fa-book" aria-hidden="true"></i>" 2"</p>

我想在图标和以下文本之间添加一个空格，但 Pug 在输出中添加了引号，实际上我在网页上看不到任何结果。我可以在值 i 或示例文本之前添加更多空格，但没有任何变化。有没有什么办法可以美化标签i的输出，加上后面的文字或值？

Answer 1

这不是有效的哈巴狗。

我会这样写，用piped text控制空格：

p
  i.far.fa-bell
  |
  |
  if val.i
    | #{val.i}
  else
    | Example Text

How to add tag with value