如何刪除包裝div或將其類型從div更改爲跨度中的ember-for-for？

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> 

這需要一個跨度而不是div來包裝（標籤和選擇標籤）。

我試圖用tagName="span"，但生成的代碼均是如此link

這裏是我的代碼

<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 ..不轉換div來跨越 <span><div><label><select></div></span>

Answer 1

如果將選擇包含到組件中，則該組件將用跨度進行包裝：

component/my-select.js： import'Ember from'ember';

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

模板/組件/我-select.hbs：

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

myPage.hbs：

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

這裏是twiddle