if / else语句删除Jade Template中的select选项

Question

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

玉：

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

不知道如何发布小提琴，因为它是大型代码的一部分，但我希望有人能帮助我。

Answer 1

第一个<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.6/Chart.js"></script> <script id="sap-ui-bootstrap" src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js" data-sap-ui-theme="sap_bluecrystal" data-sap-ui-xx-bindingSyntax="complex" data-sap-ui-libs="sap.m"></script> <div id="uiArea"></div> <script id="view1" type="ui5/xmlview"> <mvc:View controllerName="view1.initial" xmlns="sap.m" xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" > <core:HTML preferDOM="true" content="&lt;canvas id='radarChart' width='800' height='650'/&gt;" /> <Button id="myButton" change="doClick" /> </mvc:View> </script>标记之后的额外缩进会导致以下所有选项都位于第一个标记内。删除额外的缩进，它应该全部工作：

option

Answer 2

删除＆＃34; index＆＃34;周围的括号在你的if语句上。

所以它应该是这样的：

if index

您可以在此处找到有关if语句的更多信息 - http://jade-lang.com/reference/conditionals/

Answer 3

添加占位符

option(value="1" placeholder="Select")

它可以避免在刷新时变得空白。