ember-power-select 无法输入
ember-power-select cannot type in it
我想知道这是否真的是 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']
});
答案很简单。我的力量-select 隐藏在我的另一个<li>
后面。我只需要在我的模板中添加这个-select:
renderInPlace=true
我想知道这是否真的是 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']
});
答案很简单。我的力量-select 隐藏在我的另一个<li>
后面。我只需要在我的模板中添加这个-select:
renderInPlace=true