javascript - Ember，如何从自定义适配器继承

Question

我有一个全局自定义适配器:

// app/adapters/application.js
import ActiveModelAdapter from 'active-model-adapter';

export default ActiveModelAdapter.extend({
  namespace: 'api',
  host: 'http://reportsdashboard-v2.daliaresearch.com.dev'
});

还有一个特定于模型的:

// app/adapters/chart.js
import ActiveModelAdapter from 'active-model-adapter';

export default ActiveModelAdapter.extend({
  namespace: 'api',
  host: 'http://reportsdashboard-v2.daliaresearch.com.dev',
  buildURL: function(type, id, snapshot) {
    return this.host + '/' + this.namespace + '/reports/' + snapshot.record.get('report.id') + '/charts/' + id;
  }
});

如您所见，有一个重复定义属性 'namespace' 和 'api'。这是我尝试从 ChartsAdapter 继承 ApplicationAdapter 的原因之一。

Answer 1

免责声明:我是 Ember 的新手，所以请以批判的心态接受这个解释

命名 CustomAdapter 类:

// app/adapters/application.js
import ActiveModelAdapter from 'active-model-adapter';

const ApplicationAdapter = ActiveModelAdapter.extend({
  namespace: 'api',
  host: 'http://reportsdashboard-v2.daliaresearch.com.dev'
});

export default ApplicationAdapter;

从 ChartAdapter 导入它:

// app/adapters/chart.js
import ApplicationAdapter from './application';

export default ApplicationAdapter.extend({
  buildURL: function(type, id, snapshot) {
    return this.host + '/' + this.namespace + '/reports/' + snapshot.record.get('report.id') + '/charts/' + id;
  }
});