向 Ember 适配器添加动态变量？

Question

have a EmberJS problem I've been struggling with I'm hoping someone can shed some light on.

I have an application that has 2 principal root paths - one for tenants and one for internal admins.

I'm setting up separate adapters in Ember to handle different namespacing, pathing. The problem is, the principal tenant route includes an id for the tenant before branching into specific resources, so I'd like that id to be included in the path for the adapter, but no matter how I try, I can't seem to get Ember to recognize the id when I define it in the adapter.

The internal admin adapter doesn't have this problem, as the path prior to the resource branching is static.

This is the adapter I have:

import Ember from 'ember';
import { pluralize } from 'ember-inflector';
import { underscore } from 'ember-string';
import config from 'config/environment';
import DS from 'ember-data';
import ENV from 'config/environment';



export default DS.JSONAPIAdapter.extend({
  auth: Ember.inject.service('auth'),

  headers: Ember.computed('auth.authToken', function() {
    return {
      "Authorization": `Bearer ${this.get("auth").getAuthToken('user')}`,
    };
  }), 

  host: config.apiHost,
  namespace: ENV.version,

  pathForType: function(type) {
    var underscored = underscore(type);
    return pluralize(underscored);
  },

});

What I'd like to have there is more like:

ENV.version + '/tenant/' + :tenant_id + '/',

But I can't seem to get that to work. I have a service I can grab the tenant id from: app_root/services/auth.js . It looks something like:

import Ember from 'ember';

export default Ember.Service.extend({
    getTenantId(){
        return '1234';
    },
});

Am I allowed to import the service into the adapter? I tried creating a function in the adapter that would call this service and return the value from it but it fails every time. I also tried importing the service but that failed as well. I'm wondering is it even possible to add a dynamic segment in an Ember adapter? If so, how to make it work?

Thanks in advance,

Answer 1

You are already using a service into this adapter.

Did you tried something like that :

( auth could be a very common name, already existing in some other packages, so prefer a more 'personal' name, here => 'tenant')

app_root/services/tenant.js :

import Ember from 'ember';

export default Ember.Service.extend({
    getTenantId(){
        return '1234';
    },
});

and your adapter :

import Ember from 'ember';
import { pluralize } from 'ember-inflector';
import { underscore } from 'ember-string';
import config from 'config/environment';
import DS from 'ember-data';
import ENV from 'config/environment';



export default DS.JSONAPIAdapter.extend({
  tenant: Ember.inject.service(),
  // ...


  namespace: computed(/*'tenant.id'*/, function() {
    return `${ENV.version}/tenant/${this.get('tenant').getTenantId()}/`;
  }),

  // ...
});

PS : if you import a service my_service into the key my_service , you don't have to specify your service name:

tenant: Ember.inject.service()
// is equivalent to
tenant: Ember.inject.service('tenant')

// while
my_tenant_service: Ember.inject.service('tenant') // import 'tenant' service into 'my_tenant_service' key
// isn't equivalent to
my_tenant_service: Ember.inject.service() // import 'my_tenant_service' service into 'my_tenant_service' key