ember-power-select無法輸入它

Question

我想知道這是否真的是一個與呃力量選擇問題，但我不能鍵入它。下拉菜單可以打開，但沒有顯示。

這是一個模板，我打電話給我的組件：

<div class="navbar-default sidebar" role="navigation"> 
    <div class="sidebar-nav navbar-collapse"> 
    <ul class="nav" id="side-menu"> 
    <li> 
     {{global-search label=(t 'search')}} 
    </li> 
    </ul> 
    </div> 
</div> 

而且我的組件的模板：

{{#bs-form as |form|}} 
    {{#form.element label=(t 'search')}} 
     {{log allObjects}} 
     {{#power-select 
       selected=selected 
       options=allObjects 
       placeholder='test' 
       onchange=(action (mut selected)) 
     as |name| 
     }} 
      {{name}} 
     {{/power-select}} 
    {{/form.element}} 
{{/bs-form}} 

最後我的部件：

import Ember from 'ember'; 

export default Ember.Component.extend({ 
allObjects: ['test', 'foo'] 
}); 

Answer 1

答案非常簡單。我的力量選擇隱藏在我的其他<li>後面。我不得不在我的模板中添加這個選項：

renderInPlace=true