Global query params

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

controllers.extra.js

import Ember from 'ember';

export default Ember.Controller.extend({
  settings: Ember.inject.service(),

  date: Ember.computed.alias('settings.date'),
  queryParams: ['date'],

  actions: {
    randomDate() {
      this.get('settings').setDate(new Date());
    }
  }
});

controllers.more.js

import Ember from 'ember';

export default Ember.Controller.extend({
  settings: Ember.inject.service(),

  date: Ember.computed.alias('settings.date'),
  queryParams: ['date'],

  actions: {
    randomDate() {
      this.get('settings').setDate(new Date());
    }
  }
});

router.js

import Ember from 'ember';
import config from './config/environment';

const Router = Ember.Router.extend({
  location: 'none',
  rootURL: config.rootURL
});

Router.map(function() {
  this.route('more');
  this.route('extra');
});

export default Router;

routes.extra.js

import Ember from 'ember';

export default Ember.Route.extend({
	queryParams: {
    date: { refreshModel: true }
  },
	settings: Ember.inject.service(),
  model() {    
    // A real app would do something like this.
    
    //return this.store.query('post', {
    //  filter: { date: this.get('settings.date') }
    //});
    
		console.log('Date from service Extra', this.get('settings.date'));
    
		return {id: 1, data: {}};
  }
});

routes.more.js

import Ember from 'ember';

export default Ember.Route.extend({
	queryParams: {
    date: { refreshModel: true }
  },
	settings: Ember.inject.service(),
  model() {    
    // A real app would do something like this.
    
    //return this.store.query('post', {
    //  filter: { date: this.get('settings.date') }
    //});
    
		console.log('Date from service More', this.get('settings.date'));
    
		return {id: 1, data: {}};
  }
});

services.settings.js

import Ember from 'ember';

export default Ember.Service.extend({
	date: '2016-10-01',

  setDate(date) {
    this.set('date', date);
  }
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
<br>
<br>

templates.extra.hbs

<h3><button {{action "randomDate"}}>Random Date</button></h3>

<p>{{#link-to "more"}}Go to More page..{{/link-to}}</p>

templates.more.hbs

<h3><button {{action "randomDate"}}>Random Date</button></h3>

<p>{{#link-to "extra"}}Go to Extra page..{{/link-to}}</p>

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"
  }
}