Ember의 Route in Ember CLI에서 Ember Model에 액세스하는 방법 CLI

Question

아마도 모든 Ember 응용 프로그램을 app.js에 배치하여이 작업을 수행하는 것이 훨씬 쉬울 것입니다. 하지만 Ember CLI를 사용하고 있기 때문에 Route에서 내 모델에 액세스하는 데 문제가 있습니다. Ember CLI를 사용하는 방법을 배우려고 노력 중이므로 좀 도와주세요.

그냥 AJAX 호출을 실행하고 UI에서 렌더링 할 데이터를 얻으려고 Ember Model 라이브러리를 다운로드하여 프로젝트에 추가했습니다. Ember Data를 사용할 필요가 없습니다. 이것은 내가 언급 한 Ember Model 문서입니다 : https://github.com/ebryn/ember-model#example-usage. 그렇게 말한다면, 여기 엠버 CLI가 제안하는 내 디렉토리 구조입니다 :

|-app  
    |-controllers 
    | |-customers.js 
    |-models  
    | |-customers.js 
    |-routes  
    | |-customers.js 
    |-templates  
    | |-customers.hbs 
    |-app.js 
    |-index.html 
    |-main.js 
    |-router.js 

이 내가 문제에 초점을 단지가 실제 프로젝트 구조의 훨씬 간단 표현입니다. 내가 대신 App.Customers = Ember.Model "의"수출의 기본을 "해야 할 일을했을 그

export default Ember.Model.extend({ 
    nameid: attr(), 
    firstname: attr(), 
    middlename: attr(), 
    lastname: attr(),   
    prefixname: attr(), 
    suffixname: attr() 
}); 

this.url = "http://restapi/api/customers"; 
this.adapter = Ember.RESTAdapter.create(); 

공지 사항 : 엠버 모델 문서에서 제안으로 내 고객 모델 (모델 \의 customers.js)에 다음 코드를 추가 .넓히다...". 이것이 Ember CLI 규약입니다. 내가 경로 내 고객에 내가 만든 모델을 액세스하려고하면 "경로를로드하는 동안 오류 : ReferenceError가 : 응용 프로그램이 정의되지 않은"그래서 나는 오류가 ..

고객 경로 코드

:

export default Ember.Route.extend({ 
    model: function() { 
     App.Customers.find(); 
    }, 

    actions: { 
     addnew: function(){ 
      //logic of saving edited customer 
      alert('customer created!'); 
     } 
    } 
}); 

나는이 시도 .model() - supperWrapper 및 this.modelFor() 유형의 객체를 반환합니다. - null을 반환합니다.

엠버 모델에서 제공하는 CRUD 작업을 수행 할 수 있도록 내 모델의 핸들을 얻는 방법을 제안하십시오.

감사합니다.

Answer 1

예를 들어 모델의 파일 ​​이름을 단수로 변경하는 것이 좋습니다. customer.js.

경로 파일에서 모델 클래스에 액세스하려면 모델을 가져와야합니다. Ember CLI는 ES6 모듈 구문을 사용하므로 App 객체에서 직접 액세스 할 수 없으며 액세스 할 수 없습니다. 이것은 리졸버를 통해 import 문이나 Ember를 통해 내부적으로 수행되어야합니다.

import Customer from "../models/customer"; 

이제는 모델 후크에서 사용할 수 있습니다. 예제 코드에는 또 다른 오류가 있습니다. 찾기 호출에서 약속을 반환해야합니다. 이 예를 들어 당신이 엠버 데이터와 코드를 적게 필요하고 방법 AFAIK 더 엠버 같은 것 때문에, 엠버 데이터를 통해 엠버 모델을 고른 이유

model: function() { 
    return Customer.find(); 
}, 

이 궁금 해요.