node.js - Jade 模板 - 使用 for 选择选项

Question

select(id="xxx", name="xxxyyy")
- for(var i = 1;i<10;i++){
  option(value="#{i}") Some value for #{i}
- }

但它生成以下 HTML

<select id="xxxx" name "xxxyyy"></select>
<option value="1">Some value for 1</option>

....

我尝试将选择包含在 for 循环中，它按预期工作(它生成 10 个选择放置控件，每个控件上有一个项目)。

我在这里错过了什么？

Answer 1

我认为你的缩进搞砸了。 Jade 就像 coffeescript，因为缩进很重要并且提供嵌套。参见 here .为了让 Jade 引擎知道您的选项循环应该在 select 标记内，选项循环需要从 select 语句中缩进，而您已经与 select 语句保持一致。

select(id="xxx", name="xxxyyy")
    -for(var i = 1;i<10;i++){
    option(value="#{i}") Some value for #{i}
    -}