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