Force computed.filter() zu aktualisieren?

Question

Ich habe einen Filter bekam die einmal, mit dem, was Werte sind vorinitialisiert in nur bei Anfangs initiazation funktioniert, aber nie Updates. editstate ist ein Service; In diesem Fall werden nur die exponierten Variablen bereitgestellt. Wenn also editstate.filterValue und editstate.filterField geändert werden, sollte der Filter aktualisiert werden.

Aber es funktioniert nicht.

Ich habe versucht, sie vor Ort auch berechnete Werte aufweisen, aber keine Würfel. Die einzige programmatische Sache, die bisher funktioniert, besteht darin, die gesamte Komponente mit Hilfe eines Steuerknüppels {{#if toggle zu rendern und neu zu rendern.

export default Ember.Component.extend({ 
    store: Ember.inject.service(), 
    editstate: Ember.inject.service('edit-state'), 
    filteredList: Ember.computed.filter('model', function(current, index, all) { 
      return current.get(Ember.get(this.get('editstate'), 'filterField')) == Ember.get(this.get('editstate'), 'filterValue'); 
    }), 

Was fehlt mir? Ich sehe keine API, um einen Filter zu erzwingen, ihn neu zu berechnen, oder um es explizit zu sagen, diese Werte zu beobachten.

aktualisieren: Ich fand einen schrecklich hacky Weg, um mein Ziel zu erreichen: In meinem Dienst, ich schaff' aber nicht einen Datensatz im Modell speichern, die ich Filterung, um nur Updates zu erzwingen. Wenn sich die Filterparameter ändern, aktualisiere ich diesen Datensatz mit der aktuellen Zeit (millis). Und natürlich wird es immer vom Filter herausgefiltert.

Es ist hässlich, es ist wahrscheinlich böse ... gibt es einen besseren Weg?

Answer 1

jede Variable Definieren Sie berechnete Definition (die Sie in berechneter Funktion):

export default Ember.Component.extend({ 
    store: Ember.inject.service(), 
    editstate: Ember.inject.service('edit-state'), 
    filteredList: Ember.computed('model', 'editstate.filterField', 'editstate.filterValue', function() { 
    return this.get('model').filter((current) => { 
     return current.get(Ember.get(this.get('editstate'), 'filterField')) === Ember.get(this.get('editstate'), 'filterValue'); 
    } 
    }), 
    ... 

oder sogar besser lesbar:

export default Ember.Component.extend({ 
    store: Ember.inject.service(), 
    editstate: Ember.inject.service('edit-state'), 
    filteredList: Ember.computed('model', 'editstate.filterField', 'editstate.filterValue', function() { 
    let filterField = Ember.get(this, 'editstate.filterField'); 
    let filterValue = Ember.get(this, 'editstate.filterValue'); 
    return this.get('model').filterBy(filterField, filterValue); 
    }), 
    ...