add inject to controllers

app/initializers/storage-service.js

@@ -2,6 +2,7 @@ export function initialize() {
   let application = arguments[1] || arguments[0];
   application.inject('route', 'storage', 'service:storage');
   application.inject('component', 'storage', 'service:storage');
+  application.inject('controller', 'storage', 'service:storage');
 }
 
 export default {

tests/dummy/app/controllers/index.js

@@ -0,0 +1,27 @@
+import Controller from '@ember/controller';
+import { computed } from '@ember/object';
+
+export default Controller.extend({
+    storageValues: computed('storage.{name,email,message,mouseX,mouseY}',        
+        function(){
+            var obj = {};
+
+            if(this.get('storage.name') !== undefined){
+                obj.name = this.get('storage.name');
+            }            
+            if(this.get('storage.email') !== undefined){
+                obj.email = this.get('storage.email');
+            }
+            if(this.get('storage.message') !== undefined){
+                obj.message = this.get('storage.message');
+            }
+            if(this.get('storage.mouseX') !== undefined){
+                obj.mouseX = this.get('storage.mouseX');
+            }
+            if(this.get('storage.mouseY') !== undefined){
+                obj.mouseY = this.get('storage.mouseY');
+            }
+
+            return obj;
+        }),
+});

tests/dummy/app/styles/app.css

@@ -12,7 +12,7 @@ input, textarea {
   margin: 20px;
 }
 textarea {
-  height: 200px;
+  height: 50px;
 }
 div {
   width: 100%;
@@ -31,3 +31,12 @@ div {
   border-radius:50%;
   margin: -4px 0 0 -4px;
 }
+
+table {
+  border-collapse: collapse;
+}
+
+table, th, td {
+  padding: 5px;
+  border: 1px solid grey;
+}

tests/dummy/app/templates/index.hbs

@@ -4,6 +4,22 @@ around, and fill out the form.
 
 {{storage-demo}}
 
+<div>
+  <b>Storage values</b>
+  <table>
+    <tr>
+      <th>key</th>
+      <th>value</th>
+    </tr>
+    {{#each-in storageValues as |key value|}}
+      <tr>
+        <td>{{key}}</td>
+        <td>{{value}}</td>
+      </tr>
+    {{/each-in}}
+  </table>
+</div>
+
 <p>
   <a href="http://github.com/jerel/ember-storage">Download the code</a>
 </p>