サービスで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'); 
    } 

    }); 

私は試していますが、ページ内に何も表示されません。 DevToolsのクロムにエラーはありません。

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

//templates/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呼び出し結果を返すべきだと思います。

ここで目標が異なるルートでデータを再利用する場合は、ピクチャモデルを定義し、一致するJSONAPIAdapterがAPIを指すように設定する必要があります。次に、モデルフック内のthis.store.findAll（ 'pic'）を呼び出して、APIからすべてのイメージを取得できます。モデル定義について

チェックガイド：https://guides.emberjs.com/v2.6.0/models/

ともアダプタをカスタマイズする方法について：https://guides.emberjs.com/v2.6.0/models/customizing-adapters/