New Twiddle

adapters.server.js

import DS from 'ember-data';

export default DS.JSONAPIAdapter.extend({
  findRecord (store, type, id, snapshot) {
    return {
      data: {
        id: '1',
        type: 'servers',
        relationships: {
          user: {
            data: {
              id: '1',
              type: 'users'
            }
          }
        }
      }
    }
  },
});

adapters.user.js

import DS from 'ember-data';
import Ember from 'ember';
export default DS.JSONAPIAdapter.extend({
  findRecord (store, type, id, snapshot) {
    return new Ember.RSVP.Promise(resolve => {
      Ember.run.later(() => resolve({
        data: {
          id: '1',
          type: 'users',
          attributes: {
            'display-name': 'foobar'
          }
        }
      }), 3000);
    });
  }
});

controllers.application.js

import Ember from 'ember';

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

models.server.js

import Model from "ember-data/model";
import attr from "ember-data/attr";
import { belongsTo, hasMany } from "ember-data/relationships";

export default Model.extend({
  user: belongsTo('user'),
});

models.user.js

import Model from "ember-data/model";
import attr from "ember-data/attr";
import { belongsTo, hasMany } from "ember-data/relationships";

export default Model.extend({   
  displayName: attr('string'),
  servers: hasMany('server'),
});

routes.application.js

import Ember from 'ember';

export default Ember.Route.extend({
  model(param) {
    return this.store.find('server', '1');
  },
});

templates.application.hbs

Model: {{model}}
<br>
User: {{model.user}}
<br>
Foobar:{{model.user.displayName}}

twiddle.json

{
  "version": "0.10.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.6.0",
    "ember-data": "2.6.1",
    "ember-template-compiler": "2.6.0"
  },
  "addons": {}
}