Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<html>
    <head>
        <title>Ember test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
        <script src="http://builds.emberjs.com/handlebars-1.0.0.js"></script>
        <script src="http://builds.emberjs.com/tags/v1.0.0/ember.js"></script>
        <script src="http://builds.emberjs.com/canary/ember-data.js"></script>
        <script>
            window.App = Ember.Application.create({
                // Basic logging, e.g. "Transitioned into 'post'"
                LOG_TRANSITIONS: true,
                // Extremely detailed logging, highlighting every internal
                // step made while transitioning into a route, including
                // `beforeModel`, `model`, and `afterModel` hooks, and
                // information about redirects and aborted transitions
                LOG_TRANSITIONS_INTERNAL: true
            });
            App.ApplicationAdapter = DS.RESTAdapter.extend({
                namespace: 'platformservices'
            });
​
            App.Router.map(function() {
                this.resource('question', {path: "/"});
            });
​
            App.Answer = DS.Model.extend({
                name: DS.attr('string')
            });
​
            App.Question = DS.Model.extend({
                questionName: DS.attr('string'),
                answers: DS.hasMany('answer')
            });
​
            App.QuestionRoute = Ember.Route.extend({
                model: function(params) {
                    return this.get('store').createRecord('question', {questionName: 'question', answers: []});
                }
            });
​
            App.QuestionController = Ember.ObjectController.extend({
                actions: {
                    add: function() {
​
                        var rec = this.get('store').createRecord('answer', {name: 'a'});
                        this.get('answers').pushObject(rec);
                    },
                    delete: function() {
                        var answers = this.get('model.answers');
                        answers.forEach(function(answer) {
                            answers.removeObject(answer);
                            answer.deleteRecord();
                        });
                    }, deleteSlow: function() {
                        var answers = this.get('model.answers');
                        var del = function() {
                            var a = answers.objectAt(0);
                            if (a) {
                                answers.removeObject(a);
                                a.deleteRecord();
                                setTimeout(function(){del();}, 100);
                            }
                        }
                        del();
                    }
​
                }
            });
​
        </script>
    </head>
    <body>
​
        <script type="text/x-handlebars" data-template-name="question">
            {{questionName}}
            {{#each answers}}                
                <div>{{name}}</div>
            {{/each}}
            <button {{action "add"}}>Add</button>
            <button {{action "delete"}}>Delete all</button>
            <button {{action "deleteSlow"}}>Delete slow</button>
            
            
        </script>
​
​
    </body>
</html>
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
dshresthapro
0viewers