Ember CLI: where to reopen framework classes

问题

I'd like to reopen Ember or Ember Data framework classes. Using Ember CLI, where is the right place to put these so that they get initialized property? Here's an example of something I'd like to do:

import DS from 'ember-data';

DS.Model.reopen({
  rollback: function() {
    this._super();
    // do some additional stuff
  }
});

回答1:

I think the best way to execute modules that have side effects would be to create an initializer. Something like this:

// app/initializers/modify-model.js
import DS from 'ember-data';

let alreadyRun = false;

export default {
    name: 'modify-model',
    initialize() {
        if (alreadyRun) {
            return;
        } else {
            alreadyRun = true;
        }

        DS.Model.reopen({
            // ...
        });
    }
};

Initializers are automatically run by Ember-CLI, so there's no need to call them yourself.

EDIT: As Karim Baaba pointed out, it's possible for initializers to run more than once. For an easy way around that, I've included an alreadyRun flag.

回答2:

Using an initializers is sufficient but isn't a good practice for writing tests as they're ran multiple times.

Here is an example of how to reopen the text field view to clear the input when focusIn is triggered app/overrides/textfield.js:

import Ember from 'ember';

export default Ember.TextField.reopen({
  focusIn: function(evt) {
    this._super(evt);
    this.set('value', '');
  }
});

app/app.js

import './overrides/textfield';

The pattern is very simple and can easily be used for DS.Model

回答3:

Export your content as an ES6 module:

import DS from 'ember-data';

export default DS.Model.reopen({
  rollback: function() {
    this._super();
    // do some additional stuff
  }
});

Put the file with your reopen content somewhere like app/custom/model.js, then import the file in app/app.js like this:

import SuperModel from './custom/model';

Now all your models have the custom code.

来源：https://stackoverflow.com/questions/27154886/ember-cli-where-to-reopen-framework-classes

标签

ember.js

ember-cli