wrapper 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> 

(라벨 및 선택 태그를 줄 바꾸기 위해 div 대신 span이 필요함).

내가 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> 

.. 을 걸쳐 사업부를 변환하지 내 코드입니다 <span><div><label><select></div></span>

Answer 1

구성 요소에 select를 포함하면 구성 요소의 범위가 다음과 같이 줄 바꿈됩니다.

구성 요소/my-select.js : 가져 오기 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