Select field
Problem
You need to give the user option to select from multiple choices.
Solution
Use Ember.Select
App.burgers = ["double cheesburger", "mini-burger", "triple bacon
cheesburger"];
App.burger = Em.Object.create({
name: null
});
{{view Ember.Select valueBinding="App.burger.name" contentBinding="App.burgers"}}
<label>value of {{App.burger.name}}</label>
Multiple choice
You can also allow the user to select multiple values from the select
App.burgers = ["double cheesburger", "mini-burger", "triple bacon
cheesburger"];
App.burger = Em.Object.create({
names: []
});
<label>
Pick your burger:
{{view Ember.Select valueBinding="App.burger.names" contentBinding="App.burgers" multiple="true"}}
</label>
<p>You picked: "{{#each burger in App.burger.names}}{{burger}}{{/each}}"</p>