component-less-helpers

controllers.application.js

export default Ember.Controller.extend({
	actions: {
    changed(val) {
      this.set('currentValue', val);
      console.log(val);
    }
  }
});

helpers.is-equal.js

export default function equalHelper(params) {
  return params[0] === params[1];
}

templates.application.hbs

{{currentValue}}
    
<input type="range" 
   value={{currentValue}}
   min=1
   max=10
   oninput={{action "changed" value="target.value"}} >

<input type="checkbox" 
   value={{currentValue}}
   min=1
   max=10
   onchange={{action "changed" value="target.checked"}} >
   
<input type="text" 
   value={{currentValue}}
   min=1
   max=10
   oninput={{action "changed" value="target.value"}} >
   
<form action="" onchange={{action "changed" value="target.value"}} >
  <input type="radio"
         name="person"
         checked={{is-equal currentValue "friend"}}
         value="friend">friend
  <input type="radio"
         name="person"
         value="foe"
         checked={{is-equal currentValue "foe"}}>
            foe
</form>
  
{{currentValue}}
  
<select onchange={{action "changed" value="target.value"}}>
  {{#each model.choices key="@identity" as |choice|}}
    <option value={{choice}} selected={{is-equal currentValue choice}}>{{choice}}</option>
  {{/each}}
</select>