nightire · December 28, 2016 04:50 · Dec 28, 2016 · Dec 28, 2016 · Dec 28, 2016 · Dec 28, 2016
diff --git a/components.my-component.js b/components.my-component.js
@@ -1,13 +1,14 @@
 import Ember from 'ember';
 import A from './AModel';
+import computed from 'ember-computed';
 import set from 'ember-metal/set';
 import get from 'ember-metal/get';
 
 export default Ember.Component.extend({
 
   value: '',
-  arr: [],
-  arrx: [],
+  arr: computed(() => []),
+  arrx: computed(() => []),
 
   actions: {
   	addObjectToArr() {

diff --git a/components.my-component.js b/components.my-component.js
@@ -10,13 +10,13 @@ export default Ember.Component.extend({
   arrx: [],
 
   actions: {
-  	addObjectInArr() {
+  	addObjectToArr() {
     	get(this, 'arr').pushObject(A.create({
       	name: 'a'
       }));
     },
 
-    addPrimitivesInArr() {
+    addPrimitivesToArr() {
     	get(this, 'arrx').pushObject('sss');
     },
 

diff --git a/templates.components.my-component.hbs b/templates.components.my-component.hbs
@@ -1,10 +1,11 @@
 my-component <br/>
 arrlen: {{arr.length}}
-<button {{action "addObjectInArr"}}>addObjectInArr</button>
+<button {{action "addObjectToArr"}}>addObjectToArr</button>
 <br/>
 arrxlen: {{arrx.length}}
-<button {{action "addPrimitivesInArr"}}>addPrimitivesInArr</button>
+<button {{action "addPrimitivesToArr"}}>addPrimitivesToArr</button>
 <br/>
 value: {{value}}
 <button {{action "changeValue"}}>changeValue</button>
 <br/>
+<br/>
diff --git a/components.my-component.js b/components.my-component.js
@@ -1,16 +1,27 @@
 import Ember from 'ember';
 import A from './AModel';
+import set from 'ember-metal/set';
+import get from 'ember-metal/get';
 
 export default Ember.Component.extend({
 
-  value1: Ember.computed.oneWay('value'),
+  value: '',
   arr: [],
+  arrx: [],
 
   actions: {
   	addObjectInArr() {
-    	this.get('arr').pushObject(A.create({
+    	get(this, 'arr').pushObject(A.create({
       	name: 'a'
       }));
+    },
+
+    addPrimitivesInArr() {
+    	get(this, 'arrx').pushObject('sss');
+    },
+
+    changeValue() {
+    	set(this, 'value', get(this, 'value') + 's');
     }
 
   }

diff --git a/templates.components.my-component.hbs b/templates.components.my-component.hbs
@@ -1,4 +1,10 @@
-my-component <br/> arrlen: {{arr.length}}
+my-component <br/>
+arrlen: {{arr.length}}
 <button {{action "addObjectInArr"}}>addObjectInArr</button>
 <br/>
+arrxlen: {{arrx.length}}
+<button {{action "addPrimitivesInArr"}}>addPrimitivesInArr</button>
+<br/>
+value: {{value}}
+<button {{action "changeValue"}}>changeValue</button>
 <br/>
diff --git a/templates.components.another-component.hbs b/templates.components.another-component.hbs
@@ -1,4 +1,4 @@
-anoterh-component <br/> arrlen: {{arr.length}}
+another-component <br/> arrlen: {{arr.length}}
 <button {{action "addObjectInArr"}}>addObjectInArr</button>
 <br/>
 <br/>
diff --git a/components.AModel.js b/components.AModel.js
@@ -0,0 +1,5 @@
+import Ember from 'ember';
+
+export default Ember.Object.extend({
+	name: 'abb'
+});
diff --git a/components.another-component.js b/components.another-component.js
@@ -0,0 +1,16 @@
+import Ember from 'ember';
+import A from './AModel';
+
+export default Ember.Component.extend({
+
+  value1: Ember.computed.oneWay('value'),
+  arr: [],
+
+  actions: {
+  	addObjectInArr() {
+    	this.get('arr').pushObject(A.create({
+      	name: 'a'
+      }));
+    }
+  }
+});
diff --git a/components.my-component.js b/components.my-component.js
@@ -0,0 +1,17 @@
+import Ember from 'ember';
+import A from './AModel';
+
+export default Ember.Component.extend({
+
+  value1: Ember.computed.oneWay('value'),
+  arr: [],
+
+  actions: {
+  	addObjectInArr() {
+    	this.get('arr').pushObject(A.create({
+      	name: 'a'
+      }));
+    }
+
+  }
+});
diff --git a/controllers.application.js b/controllers.application.js
@@ -0,0 +1,6 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  appName: 'Ember Twiddle',
+  abc: '123'
+});
diff --git a/templates.application.hbs b/templates.application.hbs
@@ -0,0 +1,9 @@
+<h1>Welcome to {{appName}}</h1>
+<br>
+<br>
+{{my-component}}
+{{my-component}}
+{{another-component}}
+{{outlet}}
+<br>
+<br>
diff --git a/templates.components.another-component.hbs b/templates.components.another-component.hbs
@@ -0,0 +1,4 @@
+anoterh-component <br/> arrlen: {{arr.length}}
+<button {{action "addObjectInArr"}}>addObjectInArr</button>
+<br/>
+<br/>
diff --git a/templates.components.my-component.hbs b/templates.components.my-component.hbs
@@ -0,0 +1,4 @@
+my-component <br/> arrlen: {{arr.length}}
+<button {{action "addObjectInArr"}}>addObjectInArr</button>
+<br/>
+<br/>
diff --git a/twiddle.json b/twiddle.json
@@ -0,0 +1,18 @@
+{
+  "version": "0.10.7",
+  "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.10.0",
+    "ember-data": "2.10.0",
+    "ember-template-compiler": "2.10.0",
+    "ember-testing": "2.10.0"
+  },
+  "addons": {}
+}
No results found