[英]How do I set up ember-cli to get at the values in a JSON file
如何设置ember-cli从以下JSON文件中使用键“ remaining”,“ success”和“ deck_id”获取值?
我可以在控制台>网络> HXR中看到我正在接收如下所示的JSON数据:
{
"remaining": 49,
"success": true,
"deck_id": "79n773qlsciez",
"cards": [
{
"suit": "HEARTS",
"image": "http://deckofcardsapi.com/static/img/JH.png",
"images": {
"svg": "http://deckofcardsapi.com/static/img/JH.svg",
"png": "http://deckofcardsapi.com/static/img/JH.png"
},
"code": "JH",
"value": "JACK"
}
]
}
这是我的其余设置:
//adapters/card.js
import DS from 'ember-data';
export default DS.RESTAdapter.extend({
host: "https://deckofcardsapi.com",
namespace: "api/deck/79n773qlsciez/draw/",
pathForType(){
return "?count=1";
}
});
和
//app/models/card.js
import DS from 'ember-data';
export default DS.Model.extend({
image: DS.attr("string"),
code: DS.attr("string")
});
和
//app/serializers/card.js
import DS from 'ember-data';
export default DS.RESTSerializer.extend({
primaryKey: 'code',
});
和
//app/routes/cards.js
import Ember from 'ember';
export default Ember.Route.extend({
model() {
return this.store.findAll("card");
}
});
最后但并非最不重要
//templates/cards.hbs
<h2>All cards here</h2>
{{suffle-deck}}
{{#each model as |card|}}
<img src="{{card.image}}" alt="">
{{/each}}
{{outlet}}
这些卡嵌入在JSON西装表示中。 默认情况下,Ember Data在此处查找标识符。
为了反序列化嵌入式卡,您需要在西装的序列化器中使用EmbeddedRecordsMixin 。 这将使卡与套装一起取消序列化。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.