New Twiddle

adapters.application.js

import Ember from 'ember';
import DS from 'ember-data';

const {get} = Ember;

export default DS.JSONAPIAdapter.extend({
  findHasMany (store, snapshot, url, relationship) {
    if(url === 'ONE') {
      return new Ember.RSVP.Promise(r => {
        setTimeout(() => {
          r({
            data: [{
              id:'1',
              type: 'post',
            },{
              id:'2',
              type: 'post',
            },{
              id:'3',
              type: 'post',
            }]
          });
        },3000);
      });
    } else {
      return new Ember.RSVP.Promise(r => {
        setTimeout(() => {
          r({
            data: []
          });
        },4000);
      });
    }
  },
  findRecord (store, type, id, snapshot) {
    console.log(id);
    if(id == '1') {
      return {
        data: {
          type: 'my-model',
          id: '1',
          relationships: {
            posts: {
              links: {
              	related: 'ONE'
              }
            }
          }
        }
      }
    } else {
      return {
        data: {
          type: 'my-model',
          id: '2',
          relationships: {
            posts: {
              links: {
              	related: 'TWO'
              }
            }
          }
        }
      }
    }
  }
});

controllers.application.js

import Ember from 'ember';

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

models.my-model.js

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

export default Model.extend({
  posts: hasMany('post'),
});

models.post.js

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

export default Model.extend({
});

routes.application.js

import Ember from 'ember';

export default Ember.Route.extend({
  model() {
    return Ember.RSVP.hash({
      one: this.store.findRecord('my-model', '1'),
      two: this.store.findRecord('my-model', '2')
    });
  }
});

templates.application.hbs

<h1>this should be one and load 3 posts: {{model.one.id}}</h1>
<br>
{{#if model.one.posts.isPending}}
	loading...
{{else}}
  {{#each model.one.posts as |p|}}
    <div>post {{p.id}}</div>
  {{else}}
    this will ONLY be shown if model has no posts
  {{/each}}
{{/if}}
<br>

<h1>this should be two and load 0 posts: {{model.two.id}}</h1>
<br>
{{#if model.two.posts.isPending}}
	loading...
{{else}}
  {{#each model.two.posts as |p|}}
    <div>post {{p.id}}</div>
  {{else}}
    this will ONLY be shown if model has no posts
  {{/each}}
{{/if}}
<br>

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