繁体   English   中英

如何设置ember-cli以获取JSON文件中的值

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM