blimmer · December 6, 2017 16:34 · Dec 6, 2017
diff --git a/components.my-component.js b/components.my-component.js
@@ -0,0 +1,9 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+  array: Ember.A([]),
+
+  setSomeStuff() {
+    this.get('array').pushObjects(['foo', 'bar', 'baz']);
+  }
+});
diff --git a/components.my-renderer.js b/components.my-renderer.js
@@ -0,0 +1,7 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+  show(bool) {
+    this.set('showComponent', bool);
+  }
+});
diff --git a/controllers.application.js b/controllers.application.js
@@ -0,0 +1,5 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  appName: 'Ember Twiddle'
+});
diff --git a/templates.application.hbs b/templates.application.hbs
@@ -0,0 +1,8 @@
+<h1>Welcome to {{appName}}</h1>
+<br>
+<br>
+{{outlet}}
+
+{{my-renderer}}
+<br>
+<br>
diff --git a/templates.components.my-component.hbs b/templates.components.my-component.hbs
@@ -0,0 +1,6 @@
+<button {{action setSomeStuff}}>Add some stuff to the array</button>
+
+Array contents are...
+{{#each array as |item|}}
+ {{item}}
+{{/each}}
diff --git a/templates.components.my-renderer.hbs b/templates.components.my-renderer.hbs
@@ -0,0 +1,8 @@
+<button {{action show true}}>Show Component</button>
+<button {{action show false}}>Hide Component</button>
+
+{{#if showComponent}}
+  {{my-component}}
+{{/if}}
+
+{{yield}}
diff --git a/twiddle.json b/twiddle.json
@@ -0,0 +1,19 @@
+{
+  "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"
+  }
+}
No results found