在服务中使用JSONAPI

Question

我可以在服务中像那样使用jsonapi吗？

//services/pics.js

import Ember from 'ember';

export default Ember.Service.extend({
    findAll: function(){
        return Ember.$.getJSON('http://api.donanimhaber.com/api/v1/site/NewsSite?pageIndex=0&pageSize=15');
    }

    });

我正在试，但我在页面上看不到任何东西。在chrome DevTools上也没有错误。

//组件/image-list.hbs

{{#each model as |pic|}}
  <div>{{#link-to "pic" pic}}    
     <p class="info">{{pic.Title}}</p><br/>
     <img src={{pic.Image}} width="300">
  {{/link-to}}</div>
{{/each}}
{{yield}}

//template/index.hbs

{{image-list model=model currentPos=currentPos }}
{{outlet}}

//routes/pic.js

import Ember from 'ember';
import DS from 'ember-data';

export default Ember.Route.extend({

    activate: function() {
        this._super(...arguments);
        window.scrollTo(0,0);
    },

    pics: Ember.inject.service(),
    model(params) {
        console.info(params, "Params");
        return this.get('pics').get('pics').find(function(item){
            if(Ember.isEqual(params.NewsUrl,item.NewsUrl)){
                return true;
            }
            else {
                return false;
            }
        });
} 
});

//routes/index.js

import Ember from 'ember';

export default Ember.Route.extend({
    pics: Ember.inject.service(),
    model() {
        console.log(this.get('pics').get('pics'));
        return this.get('pics').get('pics');
    }

});

Answer 1

理论上可以，但我认为应该从路由的模型钩子返回getJSON调用结果。

如果您在这里的目标是在不同的路径中重用数据，那么您应该定义一个pic模型并配置匹配的JSONAPIAdapter以指向您的API。然后你就可以在你的模型钩子中调用this.store.findAll('pic')来获取所有的图片了。

查看有关模型定义的指南：https://guides.emberjs.com/v2.6.0/models/

以及如何定制适配器：https://guides.emberjs.com/v2.6.0/models/customizing-adapters/