如何设置ember cli以获取JSON文件中的值
如何设置ember cli以从以下JSON文件中获取键为“剩余”、“成功”和“deck_id”的值 我可以在我的控制台>网络>HXR中看到,我接收到的JSON数据如下所示:如何设置ember cli以获取JSON文件中的值,json,ember.js,ember-data,ember-cli,Json,Ember.js,Ember Data,Ember Cli,如何设置ember cli以从以下JSON文件中获取键为“剩余”、“成功”和“deck_id”的值 我可以在我的控制台>网络>HXR中看到,我接收到的JSON数据如下所示: { "remaining": 49, "success": true, "deck_id": "79n773qlsciez", "cards": [ { "suit": "HEARTS", "image": "http://deckofcardsapi.
{
"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";
}
});
及
及
及
最后但并非最不重要
//templates/cards.hbs
<h2>All cards here</h2>
{{suffle-deck}}
{{#each model as |card|}}
<img src="{{card.image}}" alt="">
{{/each}}
{{outlet}}
//模板/cards.hbs
所有卡片都在这里
{{suffle deck}}
{{{#每个模型作为|卡片}
{{/每个}}
{{outlet}}
这些卡嵌入到JSON套装表示中。默认情况下,余烬数据在那里查找标识符
为了取消嵌入式卡的序列化,您需要在套装的序列化程序中使用。这将允许卡与套装一起取消序列化
//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}}