我们最近从Ember切换到Ember CLI,我无法找到将模型与自定义适配器关联的正确惯例.
历史
我们为“创建”路径的一部分创建了一个文件上传模型的适配器,以便将表单数据和二进制数据推送到后端api [rails]中的一个端点.适配器使用FormData对象将该文件添加到请求中.我选择只使用此适配器用于具有文件的型号,并且非文件上传型号使用应用程序适配器.所以我希望ember应用程序支持多个适配器.
自定义适配器
在adapter / file-upload.js中
import DS from 'ember-data';
var FileUploadAdapter = DS.ActiveModelAdapter.extend({
ajaxOptions: function(url,type,hash) {
var self = this;
hash = hash || {};
hash.url = url;
hash.type = type;
hash.dataType = 'json';
hash.context = this;
//add post data to formdata object
if (hash.data && type != 'GET' && type !='DELETE') {
hash.processData = false;
hash.contentType = false;
var fd = new FormData();
var root = Object.keys(hash.data)[0];
for (var i = 0; i < Object.keys(hash.data[root]).length; i++) {
var key = Object.keys(hash.data[root])[i];
if (hash.data[root][key]) {
fd.append(root + "[" + key + "]",hash.data[root][key]);
}
}
hash.data = fd;
}
var headers = this.get('headers');
if (headers) {
hash.beforeSend = function(xhr){
for (var i = 0; i < Ember.keys(headers).length; i++) {
xhr.setRequestHeader(Ember.keys(headers)[i],headers[Ember.keys(headers)[i]]);
}
}
}
return hash;
}
});
export default FileUploadAdapter;
在“经典”Ember中,我能够告诉ember通过这个惯例在模型上使用一个特定的适配器：
//given a model name "Person",specific adapter via {ModelName}Adapter
App.PersonAdapter = App.FileUploadAdapter.extend();
但是现在我们在Ember CLI中没有这些全局对象,有没有办法指定一个适配器？我假设我想在导出之前将我的模型分配给一个变量,并在那里进行其他设置.
我希望能够适应这个.i范例,所以请让我知道,如果你认为这样做太过分了.我可以回去使用一个适配器并在其中进行文件检测,但将自定义功能分离成多个适配器会使其更干净.
谢谢！
解决方法
Ember Data使用解析器查找适配器.通过适配器查找每个类型的适配器：< type>,因此对于一个Person,这是adapter：person.
ember-cli使用es6模块和jj-abrams-resolver根据文件名查找这些模块.通常查找是这样的：< type>：blah将寻找< type> s / blah,所以对于适配器：人们会寻找适配器/人.
要连接扩展您的FileUploadAdapter(位于适配器/文件上传)的PersonAdapter,您可以执行以下操作：
// adapters/person.js import FileUploadAdapter from './file-upload'; export default FileUploadAdapter.extend();
您可以在应用程序的控制台中检查解析器：
// where `App` is the Global name for your app.
var applicationAdapter = App.__container__.lookup('adapter:application');
var personAdapter = App.__container__.lookup('adapter:person');
