Jade 模板 - SELECT OPTION with for

【问题标题】：Jade Template - SELECT OPTION with forJade 模板 - SELECT OPTION with for
【发布时间】：2015-01-18 19:27:54
【问题描述】：

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>

....

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

我在这里缺少什么？

【问题讨论】：

【解决方案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}
    -}

【讨论】：