无法从模型中获取数据以显示在模板Ember.js中

时间:2013-04-18 12:37:33

标签: templates ember.js models

我的代码在这里:http://jsfiddle.net/FNn4R/4/我无法在模板中显示outgoings模型(带有消息出站的模型)。

HTML

<script type="text/x-handlebars" data-template-name="messages">
    Hello <b>{{App.username}}</b><br />
    {{#each outgoings in model}}
    <h4>{{outgoings.vehicle_reg}}</h4>
    <p>{{outgoings.message_subject}}</p>
    {{/each}}
</script>

JS

App.MessagesRoute = Ember.Route.extend({
    model: function() {
        return App.Outgoings.all();
    },
    renderTemplate: function() {
        this.render('header-messages', {
            into: 'application',
            outlet: 'header'
        });
        this.render('messages', {
            into: 'application',
            outlet: 'content'
        });
    }
});

App.Outgoings = Ember.Object.extend();

App.Outgoings.reopenClass({
    all: function() {
        var outgoings = [];
        var apiPage = "messages";
        var parameters_string = "action=outgoing";
        var url = "http://do-web-design.com/clients/carbuddy/index.php/api/";
        var url = url + apiPage + "?" + parameters_string + "&username=" + "will" + "&password=" + "1234";
        // console.log(url);
        var response = $.ajax({
            type: "GET",
            url: url,
            dataType: "text json",
            success: function(data){
                return data;
                // return JSON.parse(data)
                alert('Its working');   //It will alert when you ajax call returns successfully.
            },
            error: function(jqXHR, textStatus, errorThrown) {
                console.log(JSON.stringify(jqXHR));
                console.log("AJAX error: " + textStatus + ' | ' + errorThrown);
            }
        }).done(function(response) {
            response.forEach( function (outgoing) {
                outgoings.push( App.Outgoings.create(outgoing) );
            });
        });
        return outgoings;
    }
});

我的Ajax调用是获取数据,但它不会将其复制到模型中或将其发送到模板。

0 个答案:

没有答案