Ember-CLI Resolver: Class/Sub-class Naming Convention

0
votes

Based on my understanding so far of the Ember-CLI / ES6 Resolver, please help me clarify the correct way to define a class and corresponding sub-class for an object.

Assuming I have an Ember.Object:

file name: orange-widget.js

export default Ember.Object.extend({
    //Code
});

Is it possible to define a sub-class of that only by referencing it in the first line?

e.g. cool-orange-widget.js

export default Ember.OrangeWidget.extend({
    //New Code
});

Or do I need to export OrangeWidget class and then import it into the sub-class?

var OrangeWidget = Ember.Object.extend({
    //Code
});

export default OrangeWidget;

...then

import OrangeWidget from 'orange-widget';

var CoolOrangeWidget = Ember.OrangeWidget.extend({
    //Code
});

export default CoolOrangeWidget;

Which is the correct method?

1
ember.jsember-cli

1 Answers

3
votes

You need to import your base class into a variable and extend from that.

import OrangeWidget from 'orange-widget';

var CoolOrangeWidget = OrangeWidget.extend({
    //Code
});

export default CoolOrangeWidget;