介绍
Ember-cli-selectpicker 是一个基于 Ember.js 的下拉选择插件，支持搜索、分组、多选等功能，使用方便，可高度定制化。
安装
使用 npm 安装：
npm install --save-dev ember-cli-selectpicker
引入
在 Ember 应用的 ember-cli-build.js 文件中，添加以下内容：
-- -------------------- ---- -------
---- --------
----- -------- - --------------------------------------------
-------------- - ------------------ -
----- --- - --- ------------------ -
-- ---
---
-------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------
-- ---
------ -------------
--在需要使用组件的地方，导入组件：
import SelectPicker from 'ember-cli-selectpicker/components/select-picker';
使用
在模板中添加组件：
{{select-picker
options=options
selected=selected
enableSearch=true
multiple=true
}}其中 options 为可选项，必须为数组类型；selected 为已选择项，可以为空数组或单个对象或数组；enableSearch 为是否启用搜索框，可以省略，默认值为 true；multiple 为是否允许多选，可以省略，默认值为 false。
示例
-- -------------------- ---- -------
------ ----- ---- --------
------ ------- ------------------------
-------- ---------
------ ------ ------ -----
------ ------ ------ -----
------ ------ ------ -----
------ ------ ------ ----
---
--------- ---------
------ ------ ------ -----
------ ------ ------ ----
--
---{{#select-picker
options=options
selected=selected
enableSearch=true
multiple=true
}}
{{yield}}
{{/select-picker}}总结
Ember-cli-selectpicker 是一个非常实用的组件库，使用方便，而且支持高度的定制化，对于前端开发来说，是一个值得推荐的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600563d781e8991b448e1316