Как сделать ярлык выбираемым с помощью мопса? - PullRequest
Новая
       14

Как сделать ярлык выбираемым с помощью мопса?

0 голосов
/ 24 ноября 2018

У меня есть мопсин.Я хочу использовать свойство label для выбора переключателя в дополнение к собственно переключателю.Сейчас он выбирает только первый элемент в списке.Я думаю, это потому, что мопс не экспортирует простой 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}

Ответы [ 2 ]

0 голосов
/ 26 ноября 2018

Кроме того, вы можете установить значения напрямую - без необходимости интерполяции строк или 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}
0 голосов
/ 24 ноября 2018

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}
...