2013-05-06 85 views
0

所以,我有一个Ember.js简单的页面,我试图从其他API加载数据。Ember.js从API加载简单的数据

API由apiary.io提供,并返回下面这个简单的数据

{"semantics": [ 
{key : "11111", name : "Block 1"}, 
{key : "22222", name : "Block 2"}, 
{key : "33333", name : "Block 3"}, 
{key : "44444", name : "Block 4"}, 
{key : "55555", name : "Block 5"} 
]} 

的问题是模型,通过App.Semantic.find accquires数据(),它并没有把项目模板。

但它正常工作,如果我在航线

App.SemanticRoute = Ember.Route.extend({ 
    model: function() { 
     //return App.Semantic.find(); 
     return [{key:111,name:"aaaa"},{key:222,name:"qqqqq"}, 
       {key:3333,name:"bbbb"},key:555,name:"ccc"}]; 
    } 
}); 

问题出在哪里设置数组值?

链接到API - http://bug0r.apiary.io/api/semantics

的的jsfiddle与代码 - jsfiddle

这里充分代码

 
var App = window.App = Ember.Application.create({ 
    VERSION: '1.0', 
    rootElement: '#appRoot', 
    LOG_TRANSITIONS: true 
}); 
App.deferReadiness(); // do not initialize it until we are ready 

App.Adapter = DS.RESTAdapter.extend({ 
    namespace: 'api', 
    url: 'http://bug0r.apiary.io' 
}); 
App.Adapter.map('Semantic', { 
    primaryKey: 'key' 
}); 
App.Store = DS.Store.extend({ 
    revision: 12, 
    adapter: App.Adapter 
}); 

App.Router.map(function() { 
    // each call will create Ember.Route instance for customizing route 
    this.resource("semantic", { 
     path: "/" 
    }); 
    this.route("about", { 
     path: "/about" 
    }); 
}); 

/* Symantic model*/ 
App.Semantic = DS.Model.extend({ 
    key: DS.attr('string'), 
    name: DS.attr('string'), 
}); 

App.SemanticRoute = Ember.Route.extend({ 
    model: function() { 
     return App.Semantic.find(); 
    } 
}); 

App.advanceReadiness(); // ready for initialization 

编辑: 1. JSON API固定的,但还是不行。

回答

1

的API返回无效JSON(键值不应该由=被分隔而是通过:和属性应该用引号括起来)

{ "semantics": [ 
{key = "11111", name = "Block 1"}, 
{key = "22222", name = "Block 2"}, 
{key = "33333", name = "Block 3"}, 
{key = "44444", name = "Block 4"}, 
{key = "55555", name = "Block 5"} 
] } 

应该

{ "semantics": [ 
{"key":"11111", "name":"Block 1"}, 
{"key":"22222", "name":"Block 2"}, 
{"key":"33333", "name":"Block 3"}, 
{"key":"44444", "name":"Block 4"}, 
{"key":"55555","name":"Block 5"} 
] } 
+0

我不好,肯定的! – bug0r 2013-05-06 08:43:31

+0

修复了这个,但没有帮助 – bug0r 2013-05-06 08:44:42

+0

检查更新的答案。根据JSON规范,JSON属性需要用引号引起来。 – ddewaele 2013-05-06 08:57:34