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="index">
    {{ view Ember.TextField valueBinding="permaString" }}<br>
    <button {{action bindAll}}>BIND</button><br>
    <button {{action unbindAll}}>UNBIND</button><br>
    {{#each text in controller.content}}
        {{text.text}}<br>
    {{/each}}
    <br>
    {{controller.permaString}}<br>
</script>

CoffeeScript

window.App = Ember.Application.create()

App.IndexController = Em.ArrayController.extend

    permaString: "lol I own the earf"
    bindingArray: []
    
    bindAll: () ->
        @get('content').map(@bind, @)
            
    bind: (obj) ->
        obj.set('master', @)
        @get('bindingArray').pushObject(Ember.bind(obj, 'text', "master.permaString"))
      
    unbindAll: () ->
        @get('content').map(@unbind, @)
            
    unbind: (obj) ->
        for binding in @get('bindingArray')
            binding.disconnect(obj)
    
App.IndexRoute = Em.Route.extend
    setupController: (controller, model) ->
        controller.set('content', [Em.Object.create(text: 'dont'), 
                                   Em.Object.create(text: 'do'),
                                   Em.Object.create(text: 'it yall')])