如何设置ember cli以获取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.

如何设置ember cli以从以下JSON文件中获取键为“剩余”、“成功”和“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";
    }
});

最后但并非最不重要

//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}}