Get array of elements with Ember.js

Question

I have this Ajax and Ember.js call

$.ajax({
    url: '../data',
    type: 'GET',
    cache: false,
    dataType: 'json',
    data: ({
        func: "getAllLists"
    }),
    success: function(data) {
        console.log('DEBUG: GET Data OK');
        var list = [
            {
                uid: data[0].uid
            }
        ];
        App.ListRoute = Ember.Route.extend({
            model: function () {
                return list;
            }
        });
    },
    error: function() {
        console.log('DEBUG: GET Data Failed');
    }
});

this is tam

{{#each}}
<li>
    {{#link-to 'project' this}}
        {{title}}
    {{/link-to}}
</li>
{{/each}}

and i have an error: Assertion Failed: The value that #each loops over must be an Array. You passed (generated list controller). What im doing wrong?

chopper · Accepted Answer · 2014-02-15 18:16:38Z

1

You need to do your $.ajax() call inside the App.ListRoute, not the other way around:

App.ListRoute = Ember.Route.extend({
    model: function () {
        list = $.ajax({
            url: '../data',
            type: 'GET',
            cache: false,
            dataType: 'json',
            data: ({
                func: "getAllLists"
            }),
        }).then( function(data) {
            console.log('DEBUG: GET Data OK');
            var list = [{
                uid: data[0].uid
            }];
        },);
        return list;
    }
});

Note that Ember will not enter the route until the ajax call is complete (because it will wait for the then() to resolve. Have a look at http://emberjs.com/guides/routing/asynchronous-routing/

answered Feb 15, 2014 at 18:16

chopper

6,7397 gold badges40 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Get array of elements with Ember.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related