无法使用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 | input(type ='radio',id ='Male',name ='sex',value ='Male')
> 30 | '男
'31 | 输入(type ='radio',id ='Female',name ='sex',value ='Female')
32 |
33 |

名称未定义28 | 性别:29 | 输入(类型= '无线电',ID = '男',名字= '性',值= '男')

30 | '男'31 | 输入(type ='radio',id ='Female',name ='sex',value ='Female')32 | 33 |**

如何使用Jade显示一个带有两个选项'Male'和'Female'的复选框

(我尝试在输入行后输入'.',并尝试将Male放入单引号和双引号中).

Answer 1

你的问题是你不能转换成自我关闭的标签,而且你因为没有管道你的"标签" 而得到错误,所以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:作为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>