ember-select-list
ember-select-list is a basic <select>
component which strives to replace the old {{view 'select'}}
while following the modern ember paradigm of "data-down-actions-up" as closely as possible.
Demo
http://begedin.github.io/ember-select-list
Installation
- ember install ember-select-list
Using the addon
A straight replacement of the old select view would be done in the following way.
The following handlebars markup
can be replaced with
As clear from the markup, the default behavior of the value
binding is one way. In order to make it two-way, using the mut
helper is required. Additionally, label and value paths do not require speficying the root element name.
Using attribute bindings
The following attribute bindings are supported: disabled
, tabindex
, required
, title
Nesting is supported
The following syntax for label and value paths is supported and will work.
Not specifying a value or label path will work
This will work
As will this
The corresponding component property will simply be set to the value of the entire selected item in the content array.
You can use it with a collection of simple strings, or complex objects.
content can be int he format of ['Item A', 'Item B', ...]
or [ ObjectA, ObjectB, ...]
.
mut
, you can bind it to any action you want
Instead of using The action will be triggered when the selection is changed.
Ember support
This addon should currently work with ember@2.x, but I haven't tested it.