javascript - 如何删除包装器 div 或将其类型从 div 更改为 ember-from-for 中的 span？

Question

我正在使用 bulma.io 并将其样式类用于选择框，它需要以下代码。

<div class="field">
  <label class="label">Subject</label>
  <p class="control">
    <span class="select">
      <select>
        <option>Select dropdown</option>
        <option>With options</option>
      </select>
    </span>
  </p>
</div>

这需要一个 span 而不是 div 来包装（标签和选择标签）。

我试过使用tagName="span"，但生成的代码就像那个链接

这是我的代码

 <div class="field">
  <p class="control">
    {{f.select-field "countries"
      countries
      optionValuePath="value"
      optionLabelPath="text"
      labelClasses="label"
      label="Location"
      required=true
      tagName="span"
    }}
  </p>
 </div>

它生成了一个包含 div 的 span .. 没有将 div 转换为 span <span><div><label><select></div></span>

Answer 1

如果您将 select 包含到组件中，则该组件将使用 span 包装：

component/my-select.js : 从 'ember' 导入 Ember；

export default Ember.Component.extend({
  tagName: 'span',
  classNames: ['select']
});

模板/组件/my-select.hbs：

<select>
   <option>Select dropdown</option>
   <option>With options</option>
</select>>

myPage.hbs：

<div class="field">
 <p class="control">
  {{my-select}}
 </p>
</div>

这是旋转