Emberjs模板未绑定到restful数据

Emberjs template not binding to restful data

本文关键字：restful 数据 绑定 Emberjs      更新时间：2023-09-26

获取此路由以从restful服务获取数据

var App = Ember.Application.create({rootElement: '#planner'});
App.Store = DS.Store.extend();
App.Router.map(function(){
    this.resource('home');
});
App.HomeRoute = Ember.Route.extend({
    model: function(){
        return Ember.$.getJSON('/api/get-planner/');
    }
});

和模板：

<script type="text/x-handlebars" data-template-name="home">
    {{name}}
</script>

不知怎的，name的值没有显示出来。我可以确认api返回了正确的json数据。

Ember Data期望JSON如下：

{
    planner: {
        name: 'Test'
        // your data
    }
}

因此，如果您的API返回此JSON：

{
    name: 'Test'
}

这行不通。我建议使用Ember模型(https://github.com/ebryn/ember-model)，因为它更稳定，并且允许您自定义REST适配器的行为。

您的代码可能如下所示：

 App.PlannerModel = Ember.Model.extend({
     name: Ember.attr(),
     // see the documentation of ember-model for this
 });
 App.PlannerModel.url = '/api/get-planner/';
 App.PlannerModel.adapter = Ember.RESTAdapter.create();
 App.HomeRoute = Ember.Route.extend({
   model: function() {
       return App.PlannerModel.find();
   }
});

如果你想采用这种方法，请确保不要包含Ember数据，而是使用Ember模型。

相关文章：