Question

我有哈巴狗混蛋。除了实际的单选按钮本身，我还想使用label属性选择单选按钮。现在，它仅选择列表中的第一项。我认为这是因为pug不能导出纯HTML。现在，呈现的html如下所示：

<div _ngcontent-c4="" class="form-check">
  <input _ngcontent-c4="" checked="!{data.checked}" class="form-check-input" id="!{data.value}" name="!{data.name}" type="radio" value="!{data.value}">
  <label _ngcontent-c4="" class="form-check-label" for="!{data.value}">Initial Contact</label>
</div>

。代替：

<div _ngcontent-c4="" class="form-check">
  <input _ngcontent-c4="" checked="true" class="form-check-input" id="myId" name="myForm" type="radio" value="pricing}">
  <label _ngcontent-c4="" class="form-check-label" for="myId">Pricing Info</label>
</div>

。

 mixin formCheck(data)
        .form-check
          input.form-check-input(type='radio', name='!{data.name}', value='!{data.value}', checked='!{data.checked}', id='!{data.value}')
          label.form-check-label(for='!{data.value}') !{data.label}

Answer 1

抢救ES6：

mixin formCheck(data)
    .form-check
       input.form-check-input(type='radio', name=`${data.name}`, value=`${data.value}`, checked=`${data.checked}`, id=`${data.value}`)
       label.form-check-label(for=`${data.value}`) !{data.label}

Answer 2

或者，您可以直接设置值-无需字符串插值或ES6：

mixin formCheck(data)
  .form-check
    input.form-check-input(
      type='radio',
      name= data.name,
      value= data.value,
      checked= data.checked,
      id= data.value
    )
    label.form-check-label(
      for= data.value
    ) !{data.label}

如何用哈巴狗选择标签？

2 个答案: