我正在尝试使用余烬中的语义UI创建一个本地类别搜索框,这是我到目前为止所做的:
//component nav-bar.js
import Component from '@ember/component';
export default Component.extend({
searchables: [
{ category: 'Country', title: 'India' },
{ category: 'Country', title: 'Germany' },
{ category: 'Currency', title: 'USD' }
]
//component nav-bar.hbs
<div class="item">
{{#ui-search class="fluid" source=searchables onSearchQuery=(action (mut query)) onSelect=(action (mut selected))}}
<input type="text" placeholder="Search..." class="prompt">
<div class="results"></div>
{{/ui-search}}
</div>
这将产生一个简单的搜索框,而不是本地分类搜索。我应该怎么做才能得到一个分类搜索框?