Binding data to components

image.hbs

<div class="small-3 columns">
    {{when-input text=when}}
</div>

when-input.hbs

<input type="text" {{bind-attr value=text}} placeholder="When..."
    {{action "change" text on="keyUp"}}>

when_input_component.js

OurMemories.WhenInputComponent = Ember.Component.extend({
    actions: {
        change: function(text) {
            console.log(text);
        }
    }
});