Question

我有两个<input>元素。它们非常相似。所以我尝试在一个地方定义它们。

对于具有不同值的属性，我可以写出类似的内容：

input(type="text", placeholder="{{(address.$index == 0)? ph1 : ph2}}",  .....)

但是当属性没有值时，我不知道如何编写if / else逻辑。例如，我需要基于autofocus值的<input>元素中的address.$index元素{/ 1}}

更新：我的* .jade文件

#my-input
   .my-input
       input(type="text", 
             autofocus="{{(condition == 0)? true : false}}", 
             placeholder="{{(condition == 0)? 'focused onLoad' : 'not focused'}}")

我的实际结果是：

<div class="my-input">
   <input type="text" autofocus="true" placeholder="focused onLoad">
</div>
......
<div class="my-input">
   <input type="text" autofocus="false" placeholder="not focused">
</div>

但我需要：

<div class="my-input">
   <input type="text" autofocus placeholder="focused onLoad">
</div>
......
<div class="my-input">
   <input type="text" placeholder="not focused">
</div>

Answer 1

使用此代码，它有效：

    div.my-input 
            input(type="text", autofocus="",placeholder="focused onLoad")

div.my-input
            input(type="text",placeholder="not focused")

<div class="my-input"> 
  <input type="text" autofocus="" placeholder="focused onLoad"/>
</div>
<div class="my-input">
  <input type="text" placeholder="not focused"/>
</div>

就像你可以在这里看到演示link

如果没有价值的atrribute

1 个答案: