Skip to content

Instantly share code, notes, and snippets.

@evilmarian

evilmarian/components.my-input.js

Created April 18, 2017 18:20
Show Gist options
  • Save evilmarian/5448bb455fd8732cc87f6ed8f2d44c12 to your computer and use it in GitHub Desktop.
Save evilmarian/5448bb455fd8732cc87f6ed8f2d44c12 to your computer and use it in GitHub Desktop.
Download ZIP
Paste same value second time
Raw
components.my-input.js
import Ember from 'ember';
export default Ember.Component.extend({
actions: {
onInputChange(value) {
this.get('onChange')(value);
},
},
});
Raw
controllers.application.js
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
actions: {
saveInput(value) {
this.set('a', value.toUpperCase());
},
},
});
Raw
templates.application.hbs
<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
{{my-input value=a onChange=(action 'saveInput')}}
{{a}}
<br>
<br>
Raw
templates.components.my-input.hbs
<input value={{value}} oninput={{action 'onInputChange' value="target.value"}}>
Raw
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"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment