Ember : 컨트롤러/템플릿에서 모델 데이터에 액세스 할 수 없습니다.

Question

ember 프레임 워크를 처음 사용하고 Ember 데이터에 액세스하는 데 문제가 있거나 의심 스럽습니다. 데모 목적으로 ember-cli와 ember-cli-mirage를 사용하고 있습니다.

config.js

export default function() { 
this.get('/newcontracts', function(db, request) { 

return { 
    data:[{ 
    "type": "newcontracts", 
    "id": 1, 
    "attributes": { 
     "department-type": ["Legal", "Sales"], 
     "agreement-type": ["Service Agreement", "Purchase"], 
     "renewal-type": ["One time", "None"] 
    } 
    }] 
} 
}); 

엠버 스토어

export default Model.extend({ 
    "type": "", 
    "department-type": attr(""), 
    "agreement-type": attr(""), 
    "renewal-type": attr("") 
}); 

라우터

export default Ember.Route.extend({ 
    model: function(){ 
     console.log(this.get('store').findAll('newcontract')) // outputs ember class 
     return this.get('store').findAll('newcontract'); 
    }); 

컨트롤러

export default Ember.Controller.extend({ 
    details: Ember.computed('model', function() { 
    return this.store.peekRecord('new-contract', 1) // --> outputs ember class 
    //console.log(this.store.peekRecord('new-contract', 1).get('department-type)) ---> desired output(array) 
    }) 
    departmentDetails: Ember.computed('model', function() { 
    this.details.get('department-type') ; ///error 
    }) 

}); 

는

{{log "model" details}} --> ember class 
{{log "model" model}} --> ember class 
{{log "model" model.department-type}} --> undefined 

나는 그런 departmentDetails에 액세스 할 수 없습니다 템플릿? details 속성에서 주석 처리 된 행을 사용하면 원하는 데이터를 얻습니다. 상점과 별도로 각 데이터를 가져와야합니까? 또한 모델에 값을 기록하면 Ember 클래스가 제공됩니다.

는 심지어 템플릿 파일에, 나는 제대로 엠버 크롬 관리자에서 데이터를 가져 오는 등 model.department 형의 값

을 얻을 수 없습니다. Fyi, ember 2.5.1을 사용 중입니다. 친절하게 도와주세요.

Answer 1

this.get('store').findAll('newcontract');은 newcontract 배열을 제공합니다.

템플릿에 model[0].department-type을 로깅하면 department-type이 인쇄됩니다.

질문에 답하려면 컨트롤러에 아무 것도 입력하지 말고 departmentDetails에 액세스해야합니다.

또한 details과 같은 계산 된 속성에 직접 액세스 할 수 없으므로 항상 get()을 사용해야합니다. 그래서 그것의 this.get('details').get('department-type')가 아니라 this.details.get('department-type')