node.js - 无法使用 Jade 和 Node 显示复选框

Question

尝试做一个复选框来选择男性或女性。

显示CheckBox的代码如下；

span(style='display:block;')
    div.
        Sex:
    input(type='radio',id='Male',name='sex',value='Male')
        Male
    input(type='radio',id='Female',name='sex',value='Female')
        Female  

但是，当页面显示时，我得到以下信息；

**28|性别:
29|输入(type='radio',id='Male',name='sex',value='Male')
> 30| '男'
31 |输入(type='radio',id='Female',name='sex',value='Female')
32 |
33 |

名称未定义 28|性别: 29| input(type='radio',id='Male',name='sex',value='Male')

30| 'Male' 31| input(type='radio',id='Female',name='sex',value='Female') 32| 33|**

如何使用 Jade 显示带有“男性”和“女性”两个选项的复选框

(我试过在输入行后面放一个'.'，并尝试将 Male 放在单引号和双引号中)。

Answer 1

您的问题是不允许您切换到自闭标签，并且由于 not piping 而出现错误。你的“标签”，所以 Jade 认为它们是变量。

请试试这个:

span(style='display:block;')
    div
        | Sex:
        input(type='radio',id='Male',name='sex',value='Male')
        | Male
        input(type='radio',id='Female',name='sex',value='Female')
        | Female 

要生成此 HTML:as JSFiddle

<span style="display:block;">
  <div>Sex:
    <input type="radio" id="Male" name="sex" value="Male"/>Male
    <input type="radio" id="Female" name="sex" value="Female"/>Female 
  </div>
</span>