javascript - if/else 语句删除 Jade 模板中的选择选项

标签 javascript jquery node.js express pug

我是 Jade 新手,我接到的任务是在网页中创建选择选项。一切看起来都很好,直到我得到一个空选项元素,该元素是在下拉列表为空并且刷新页面时创建的。我想以某种方式删除这个空选项元素。我浏览了这里的大部分帖子,但似乎没有得到任何帮助。以下是我的 Jade 逻辑。

Jade :

#remarksField
   h1#remarksHeader Remarks
   select#shortDesc
      option(value= "")= "---"
        each index in data
         if (index)
           option(value= index.id)= index.short_desc
         // else

不知道如何发布 fiddle ,因为它是大型代码的一部分,但我希望有人能在这里帮助我。

How it looks when trying to select an option

最佳答案

第一个 option 标记后的额外缩进导致以下所有选项都位于第一个标记内。删除多余的缩进,它应该可以正常工作:

#remarksField
h1#remarksHeader Remarks
select#shortDesc
  option(value= "")= "---"
  each index in data
   if (index)
     option(value= index.id)= index.short_desc
   // else

关于javascript - if/else 语句删除 Jade 模板中的选择选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37987563/

相关文章:

javascript - AngularJs $q promise 与 async/await 兼容吗?

javascript - 如何在 Node.js 中使用 JSON2

node.js - Mongoose promise 错误

jquery - Firefox 中的 SVG 偏移问题

jquery - 如何手动触发更改事件?

node.js - 从 browserify 和 uglify 生成 sourcemap

javascript - 在 iOS 应用中动态加载 'code logic' 是否可行?

javascript - 从 php 文件发送邮件时出错

javascript - 我可以在无容器 knockout 元素中使用动画过渡绑定(bind)吗?

jquery - 如何使所有 AJAX 调用顺序进行?