CLI di Ember: dove riaprire le classi di framework

Question

Vorrei riaprire le classi di framework di dati Ember o Ember. Usando la CLI di Ember, dov'è il posto giusto dove metterle in modo che ottengano la proprietà inizializzata? Ecco un esempio di qualcosa che mi piacerebbe fare:

import DS from 'ember-data'; 

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

Answer 1

Penso che il modo migliore per eseguire i moduli con effetti collaterali sia create an initializer. Qualcosa di simile a questo:

// 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({ 
      // ... 
     }); 
    } 
}; 

Inizializzatori vengono automaticamente gestita da Ember-CLI, quindi non c'è bisogno di chiamare da soli.

MODIFICA: come sottolineato da Karim Baaba, è possibile che gli inizializzatori vengano eseguiti più volte. Per un modo semplice, ho incluso un flag alreadyRun.

Answer 2

Esporta il contenuto come un modulo ES6:

import DS from 'ember-data'; 

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

mettere il file con il contenuto riaprire qualche parte come app/custom/model.js, quindi importare il file in app/app.js come questo:

import SuperModel from './custom/model'; 

Ora tutti i modelli hanno il codice personalizzato.

Answer 3

L'utilizzo di un inizializzatore è sufficiente ma non è una buona pratica per scrivere i test mentre vengono eseguiti multiple times.

Ecco un esempio di come riaprire la vista campo di testo per cancellare l'ingresso quando focusIn viene attivato 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'; 

Il modello è molto semplice e può essere facilmente usato per DS.Model