Text Input Binding

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  prop2: 'test',
  prop3: true,
  appName: 'Ember Twiddle',
  name:"scb",
  actions: {
    enter(val){
			console.log(this.get('prop1'));
			console.log(this.getProperties('prop1','prop2').prop1);
			console.log(val);
			this.toggleProperty('prop3');
},
		pressed(){
			console.log('pressed');
		}
	}
});

helpers.my-helper.js

import Ember from 'ember';

export function myHelper(params/*, hash*/) {
  return params;
}

export default Ember.Helper.helper(myHelper);

helpers.upper-case.js

import Ember from 'ember';

export function upperCase(params/*, hash*/) {
  return params[0].toUpperCase();
}

export default Ember.Helper.helper(upperCase);

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
<h2>Testing</h2>

<input type='text' value={{prop1}}> One way input<br>
Property 1:{{prop1}}<br>
Property 2:{{prop2}}<br>
{{input type='text' value=prop1}}Two way input helper<br>
<br>
<br>
<button {{action 'enter' prop1}}>Value of prop1</button><br>
Propert 3:{{prop3}}
{{outlet}}
<br>
<br>

<h1>{{upper-case name}}</h1>

{{input value='Hello World' key-press='pressed'}} 

twiddle.json

{
  "version": "0.12.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.12.0",
    "ember-template-compiler": "2.12.0",
    "ember-testing": "2.12.0"
  },
  "addons": {
    "ember-data": "2.12.1"
  }
}