EWhite613 · August 14, 2019 20:41 · Aug 14, 2019 · Aug 14, 2019 · Aug 14, 2019 · Aug 14, 2019
diff --git a/routes.application.js b/routes.application.js
@@ -22,20 +22,15 @@ queryParams: {
   }
 },
   _optionsForQueryParam (qp) {
-    const result = get(this, `queryParams.${qp.urlKey}`) || get(this, `queryParams.${qp.prop}`)
-    if (!result) {
-      const queryParams = this.queryParams
+     const queryParams = get(this, 'queryParams')
+    return get(queryParams, qp.urlKey) || get(queryParams, qp.prop) || queryParams[qp.urlKey] || queryParams[qp.prop] || {}
 
-      return queryParams[qp.urlKey] || queryParams[qp.prop] || {}
-    }
-
-    return result
   },
 
     model (params) {
-      console.log('witness', params)
-      set(countObj , 'count', countObj.count + 1)
-    	return params
+        console.log('witness', params)
+        set(countObj , 'count', countObj.count + 1)
+        return params
   },
 
   setupController (controller, model) {

diff --git a/routes.application.js b/routes.application.js
@@ -1,6 +1,6 @@
 import Ember from 'ember';
-
-
+const {get, set} = Ember
+const countObj = {count: 0}
 export default Ember.Route.extend({
 
 queryParams: {
@@ -21,10 +21,26 @@ queryParams: {
     as: 'foobar'
   }
 },
+  _optionsForQueryParam (qp) {
+    const result = get(this, `queryParams.${qp.urlKey}`) || get(this, `queryParams.${qp.prop}`)
+    if (!result) {
+      const queryParams = this.queryParams
+
+      return queryParams[qp.urlKey] || queryParams[qp.prop] || {}
+    }
+
+    return result
+  },
 
     model (params) {
       console.log('witness', params)
+      set(countObj , 'count', countObj.count + 1)
     	return params
+  },
+
+  setupController (controller, model) {
+   	this._super(controller, model)
+ 		controller.countObj = countObj
   }
 });
 
diff --git a/templates.application.hbs b/templates.application.hbs
@@ -2,6 +2,7 @@
 <br>
 <br>
 {{nested.foo}}
+{{countObj.count}}
 {{outlet}}
 <br>
 <br>
diff --git a/twiddle.json b/twiddle.json
@@ -16,4 +16,4 @@
   "addons": {
     "ember-data": "3.4.2"
   }
-}
+}
diff --git a/controllers.application.js b/controllers.application.js
@@ -5,7 +5,5 @@ export default Ember.Controller.extend({
   nested: {
    foo: 'bar' 
   },
-  queryParams: [{
-   foobar: 'nested.foo' 
-  }]
+  queryParams: ['nested.foo']
 });
diff --git a/routes.application.js b/routes.application.js
@@ -4,7 +4,7 @@ import Ember from 'ember';
 export default Ember.Route.extend({
 
 queryParams: {
-  'foobar': {
+  'nested.foo': {
     // By default, controller query param properties don't
     // cause a full transition when they are changed, but
     // rather only cause the URL to update. Setting

diff --git a/templates.application.hbs b/templates.application.hbs
@@ -1,8 +1,7 @@
 <h1>Welcome to {{appName}}</h1>
 <br>
 <br>
-{{log model}}
-{{model.nested.foo}}
+{{nested.foo}}
 {{outlet}}
 <br>
 <br>
diff --git a/controllers.application.js b/controllers.application.js
@@ -0,0 +1,11 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  appName: 'Ember Twiddle',
+  nested: {
+   foo: 'bar' 
+  },
+  queryParams: [{
+   foobar: 'nested.foo' 
+  }]
+});
diff --git a/routes.application.js b/routes.application.js
@@ -0,0 +1,30 @@
+import Ember from 'ember';
+
+
+export default Ember.Route.extend({
+
+queryParams: {
+  'foobar': {
+    // By default, controller query param properties don't
+    // cause a full transition when they are changed, but
+    // rather only cause the URL to update. Setting
+    // `refreshModel` to true will cause an "in-place"
+    // transition to occur, whereby the model hooks for
+    // this route (and any child routes) will re-fire, allowing
+    // you to reload models (e.g., from the server) using the
+    // updated query param values.
+    refreshModel: true,
+
+    // By default, the query param URL key is the same name as
+    // the controller property name. Use `as` to specify a
+    // different URL key.
+    as: 'foobar'
+  }
+},
+
+    model (params) {
+      console.log('witness', params)
+    	return params
+  }
+});
+
diff --git a/templates.application.hbs b/templates.application.hbs
@@ -0,0 +1,8 @@
+<h1>Welcome to {{appName}}</h1>
+<br>
+<br>
+{{log model}}
+{{model.nested.foo}}
+{{outlet}}
+<br>
+<br>
diff --git a/twiddle.json b/twiddle.json
@@ -0,0 +1,19 @@
+{
+  "version": "0.15.1",
+  "EmberENV": {
+    "FEATURES": {}
+  },
+  "options": {
+    "use_pods": false,
+    "enable-testing": false
+  },
+  "dependencies": {
+    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js",
+    "ember": "3.4.3",
+    "ember-template-compiler": "3.4.3",
+    "ember-testing": "3.4.3"
+  },
+  "addons": {
+    "ember-data": "3.4.2"
+  }
+}