JSFiddle - React, Tailwind, and code Playground

by skane

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.1.js"></script>
<script type="text/x-handlebars" data-template-name="application">
    {{#each object in controller.objects}}
        {{object.t}}<br>
    {{/each}}
    {{targ}}
</script>

CoffeeScript

window.App = Ember.Application.create()

App.ApplicationController = Em.Controller.extend
    objects: [Em.Object.create(t:'hi'), Em.Object.create(t:'yo')]
    targ: 'lul'
    somebinds: []
    
    connect: () ->
        for object in @get('objects')
            object.set('master', @)
            @get('somebinds').pushObject(Ember.bind(object, 't', 'master.targ'))
            
    disconnect: () ->
        for bind in @get('somebinds')
            bind.disconnect(@)
        @set('targ', 'luls')
    
    init: () ->
        @_super()
        @connect()
        @set('targ', 'min')
        Ember.run.later(@, @disconnect, 2000)
        Ember.run.later(@, @connect, 3000)