JSON API 사용하기 URL EmberJS

나는 보통 내가 만든 서비스에서 하드 코딩 된 JSON을 가져온다. 하지만 URL에서 JSON을 가져와야합니다.JSON API 사용하기 URL EmberJS

https://ember-twiddle.com/b9cd8b1b3418d876f88235c4aa99e268?openFiles=templates.pic.hbs%2Ctemplates.components.image-list.hbs14

가 어떻게 서비스에서 '사진을'을 호출하는 대신 소스로 URL을 추가 할 수 있습니다

이 내 트위입니까? 나는 무언가를 시도했지만 오류가있어 아무것도 할 수 없었다. 나는 이것에 아주 새롭다.

내가

model() { 
    return $.getJSON('/my-url'); 
}

을 시도하지만이 오류를 얻을 : 나는 신기루를 사용하지 않기 때문에

Mirage: Your Ember app tried to GET 'my URL', but there was no route defined to handle this request. Define a route that matches this path in your mirage/config.js file. Did you forget to add your namespace?

내가 완전히 오류에 대한 몰랐다, 내가 그래를 만들었지 만하지 않았다 프로젝트의 어느 부분에서나 사용하십시오.

그때 나는 시도 :

import Ember from 'ember'; 

export default Ember.Route.extend({ 
    model() { 
     this.get('my Json url',() => { 
      return []; 
     }); 
    } 
});

지금 크롬의 devTool이 오류를 제공하지 않습니다 표시 만 빈 페이지입니다. 이 모든 것이 잘못 되었습니까 아니면 .hbs 파일에 관한 것입니까?

아이디어가 있습니까?

는 는

출처

2016-06-02 hbc

프로젝트 의존성에 ember-cli-mirage가있는 것 같습니다. – locks

예, npm-modules 폴더 및 packages.js에서 삭제했습니다. 하지만 오류가 전혀없는 빈 페이지 만 볼 수 있습니다. 그래서 나는 갇혔다. https://ember-twiddle.com/9c97721125a007fa52108ecdf9f72e0d?openFiles=models.list.js%2Ctemplates.components.image-list.hbs 어쩌면 새로운 트위들이 잘못되었는지 확인할 수 있습니까? – hbc

제거 ember-cli-mirage과로 돌아가 :

model() { 
    return $.getJSON('/my-url'); 
}

출처

2016-06-02 18:49:02

고마워, 그랬어.하지만 내가 본 모든 것은 오류가없는 빈 페이지 다. 내 .hbs 파일에 관한 것입니까? 나는 이유를 알 수 없다. 전에 서비스를 사용 했었는데 이제는 다른 서비스로 변경해야 할 필요가 있을까요? 내 새로운 트위 드를 확인해 주시겠습니까? 여기 비어있는 것을 볼 수 있습니다. https://ember-twiddle.com/9c97721125a007fa52108ecdf9f72e0d?openFiles=models.list.js%2Ctemplates.components.image-list.hbs – hbc

콘솔에 4 개의 오류가 있습니다. 먼저 Ember Twiddle이 HTTPS 프로토콜을 사용하고 HTTP를로드하려고합니다. 페이지 - 혼합 컨텐츠 오류가 발생하여 getJSON에서의 요청이 실패하면 인덱스 라우트 모델이 오류를 발생시킵니다. Ember Twiddle 대신 로컬로 시도하거나 Ember Twiddle에서 HTTP 대신 HTTPS 페이지를 요청해야합니다. –

http : //를 https : //로 변경했으나 여전히 아무것도 아닙니다. 뭔가 빠져 있어야합니다. 모델 list.js 및 .hbs 파일은 어떻습니까? 그들은 괜찮아 보이나요? – hbc

나는 문제가 어떤 도움 무엇인지 생각 :

솔루션 : 내하는 index.js에서

, 내가

을 사용해야

{{image-list model=model.Data currentPos=currentPos }}

대신

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

또한 model/*.js은 IndexRoute에서 model()을 얻었 기 때문에이 파일들을 삭제했습니다. 감사합니다

출처

2016-06-03 09:49:56 hbc

JSON API 사용하기 URL EmberJS

답변

관련 문제