自闭标签后的玉内容

Question

我正在将一些HTML从预先存在的应用程序转换为Jade。我有一块看起来像这样的HTML：

<div class="checkbox">
  <label>
    <input type="checkbox" name="data[day][sunday]" value="sunday">
  Sunday
  </label>
</div>

等同的Jade会是什么？理想情况下，它看起来像这样：

div(class="checkbox"):
  label 
    input(type="checkbox" name="data[day][sunday]" value="sunday") 
    Sunday

但是因为input是一个自我结束的标签，我不能用“星期日”这个文字跟着它

我用另一种方式完全按照我的需要写这个没有问题，但我想知道如何准确地解决这个问题。

谢谢！

Answer 1

您可以使用jade中的|来解决此问题。

|后面的任何文字都将被解释为父

中的文字

div(class="checkbox"):
  label 
    input(type="checkbox" name="data[day][sunday]" value="sunday") 
    | Sunday

你也可以使用像这样的非自我结束标签

div
  div
    span hello there
  | and plain text

将导致像这样的HTML

<div>
  <div>
    <span>hello there</span>
  </div>
  and plain text
</div>

请记住，在Jade中编写直接HTML是完全有效的，你也可以像这样解决这个问题。

div(class="checkbox"):
  label.
    <input type="checkbox" name="#{data[day][sunday]}" value="sunday"> 
    Sunday

Jade中的代码后面的.会将所有内容视为文字。