ember.js - ember-power-select 无法输入

Question

我想知道这是否真的是 ember-power-select 的问题，但我无法输入。下拉菜单可以打开，但没有显示。

这是一个模板，我在其中调用我的组件：

<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>。我只需要在我的 power-select 模板中添加它：

renderInPlace=true