帕格在input中嵌套的内容

您好我正在试图创build嵌套混合,可以显示哈巴狗引导单选button

mixin input(textinput) label.btn.btn-secondary input(type="radio" name="options" id="option1" autocomplete="off")= textinput mixin btn-toggle-group(textinput) .btn-group(data-toggle="button") +btn-toggle-group +input('coca') +input('pepsi') +input('orangina') +input('lemonade') 

但它给我input错误是一个自我closures的元素,但它包含嵌套的内容

这个错误是由于试图使textinput通过一个单选button的TextNodeTextNode来实现的,这显然必须失败。

如果想要呈现下一个兄弟文本节点,则有| 运算符(pipe道)和插值。 但是也可以使用像span这样的另一个html元素。 示例代码提供了变体。

一个人应该记住,一个单选button(特别是在一个无线电组内)没有任何值是几乎没有用的。 将textinput分配给单选button的value属性也是有用的。

一个也应该避免直接传递idclass属性到一个标签 ,而是应该追加每个它的#ID或ID . 为类名称。

最后,为了将所有标记的无线电控制附加到btn-group分类的div元素,需要用仔细缩进的关键字标记这个。

 mixin input(textinput) label.btn.btn-secondary input#option1(type='radio' name='options' autocomplete='off' value=textinput) // span.label= textinput // span= textinput | #{textinput} mixin btn-toggle-group(textinput) .btn-group(data-toggle='button') block + btn-toggle-group + input('coca') + input('pepsi') + input('orangina') + input('lemonade') 

以上提供的经过消毒和testing的代码现在可按预期工作。

而阅读帕格文档 ( 属性 , 插值 , 混合 , inheritance/模板/块 )也有帮助。