Pug/Jade - input是一个自闭元素:<input />但包含嵌套内容？

Question

我想像这样创建html:

<label class="radio-inline">
    <input type="radio" name="hidden" checked="" value="Visible"> Visible
</label>

帕格/玉:

label.radio-inline
    input(type="radio", name="hidden", value="0", checked="") Visible

但是我收到一个错误:

input是一个自闭元素:但包含嵌套内容.

这是什么意思？我怎么解决这个问题？

Answer 1

使用Jade/Pug有多种方法可以做到这一点.第一种方法是使用管道char(需要一个新行):

input
  | text

第二种方法是使用标签插值(你可以保持在同一行):

#[input] text

所以另一个Jethro的答案是:

label.radio-inline
  #[input(type='radio', name='hidden', value=0, checked='')] Visible

请注意,您甚至可以这样做:

 label #[input] text

这会产生:

<label>
  <input/> text 
</label>

Answer 2

你需要这样:

label.radio-inline
  input(type='radio', name='hidden', value=0, checked='')
  | Visible

放在Visible同一行input,使得帕格将其解释为input元素的内部HTML .