我正在将一些HTML从现有的应用程序转换为Jade。我有一块HTML看起来像这样：
<div class="checkbox">
<label>
<input type="checkbox" name="data[day][sunday]" value="sunday">
Sunday
</label>
</div>
等效的翡翠会是什么呢？理想情况下，它看起来像这样：
div(class="checkbox"):
label
input(type="checkbox" name="data[day][sunday]" value="sunday")
Sunday
但是由于input是自闭标签，所以我无法在其后加上文本“ Sunday”
我可以用完全符合我需要的另一种方式编写此文件，但我想知道如何确切地解决此问题。
谢谢！
您可以使用|玉器来解决此问题。
后面的任何文本|都将被解释为父文本
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中，以下标记将把所有内容视为文本。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句