JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/wycats/handlebars.js/1.0.0-rc.3/dist/handlebars.js"></script>
<script src="https://raw.github.com/emberjs/ember.js/release-builds/ember-1.0.0-rc.3.js"></script>
<script type="text/x-handlebars" id="campaigns">
    {{view.content.name}}
</script>

<script type="text/x-handlebars" id="campaign-app">
    {{#linkTo campaigns "schedule"}}Scheduled{{/linkTo}}
    {{outlet campaigns}}
</script>

JavaScript

var App = Ember.Application.create();
App.deferReadiness();

App.ApplicationView = Ember.View.extend({
    templateName: 'campaign-app'
})
App.Router.map(function(match) {
    this.route('campaigns', {path: '/:type'})
})

App.CampaignsRoute = Ember.Route.extend({
    model: function() {
        alert('called model method');
        var data;
        $.ajax({
            url: '/echo/json/',
            async: false,
            data: {
                json: JSON.encode([{
                    name: 'Campaign 1',
                    type: 'scheduled'
                }, {
                    name: 'Campaign 2',
                    type: 'scheduled'
                }, {
                    name: 'Campaign 2',
                    type: 'draft'
                }])
            },
            dataType: 'json', 
            success: function(json) {
                alert(JSON.stringify(json));
                 data = json;
            }
        })
        return data;
    },
        renderTemplate: function() {
            this.render({outlet: 'campaigns'});
        }
})
App.CampaignsView = Ember.CollectionView.extend({
    itemViewClass: Ember.View.extend({
        templateName: 'campaigns'
    })
})
App.advanceReadiness();