Ember Demo - Polymorphic Serialization hasMany

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0/handlebars.min.js"></script>
<script src="http://builds.emberjs.com/canary/ember.js"></script>
<script src="http://builds.emberjs.com/canary/ember-data.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-mockjax/1.5.2/jquery.mockjax.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.0/moment.min.js"></script>
<script src="//rawgithub.com/kenelliott/ember-mockjax/master/jquery.ember-mockjax.js"></script>
<script type="text/x-handlebars">
    <div class="container">
        <h1>Example Ember Application</h1>
        
        {{#link-to "items.index" class="btn btn-primary"}}
            Items
        {{/link-to}}
        
        {{outlet}}
    </div>
</script>

<script type='text/x-handlebars' data-template-name="items/index">
    <div class='container'>
        <h1>Items List</h1>
        
        {{#each}}
            {{name}}
        {{/each}}
    </div>
</script>

CSS

.well {margin-top:10px;}

CoffeeScript

# Initiate Ember App
App = window.App = Ember.Application.create()

# Set the application adapter to AMS
App.ApplicationAdapter = DS.ActiveModelAdapter.extend()

# Router
App.Router.map ->
    @resource 'items', ->
     
# Models
App.Item = DS.Model.extend
  name: DS.attr 'string'
    
# Routes
App.ItemsIndexRoute = Ember.Route.extend
  model: ->
    @store.find('item')
   
# Controllers
App.ItemsController = Ember.ArrayController.extend

# Fixtures
App.Fixtures = []
App.Fixtures.Items = [
  id: 1
  name: 'Item 1'
,
  id: 2
  name: 'Item 2'
]
   
$.emberMockJax(
  fixtures: App.Fixtures
)