Filtern von Daten mit Parametern in Ember

Question

Ich entwickle Suchfunktion in meiner App. Was ich versuche, ist ein Auto nach Marken zu filtern. Ich habe folgendes in meiner Route:

import Ember from 'ember'; 

export default Ember.Route.extend({ 
    actions: { 
     filterCars(car){ 
      this.transitionTo('cars',{ queryParams: {brand: car}}); 
     } 
    }, 
    queryParams: { 
    brand: { 
     refreshModel: true 
    } 
    }, 
    model(params) { 
     if(params['marca'] != null){ 
      this.get('store').query('car', { filter: { brand: params['marca'] } }).then(function(cars) { 
       return cars; 
      }); 
     } else { 
      return this.get('store').findAll('car'); 
     } 
    } 
}); 

Als ich die Marke von params, ich filtern, um nur die Autos mit dieser bestimmten Marke. Ich dachte, es würde funktionieren, aber es funktioniert nicht. Irgendeine Idee von dem, was ich falsch mache?

Answer 1

Was ist das Symptom Ihres Problems?

Ich habe festgestellt, dass Ihr model Hook eine if-Anweisung mit zwei Zweigen hat, aber nur einer von ihnen (der else-Zweig) führt dazu, dass die Funktion einen Wert zurückgibt. Der Zweig if löst eine Zusage, tut aber nichts damit.

Auch: ist der Code, den Sie für die Autos Route zeigen? Sie können diese Seite möglicherweise vereinfachen, indem Sie einfach den Parameter brand ändern. Ich bin mir nicht sicher, ob Sie überhaupt auf die gleiche Route wechseln müssen.

Answer 2

Verwendung where-Klausel in Filter

 

    import Ember from 'ember'; 
    export default Ember.Route.extend({ 
     actions: { 
      filterCars(car){ 
       this.transitionTo('cars',{ queryParams: {brand: car}}); 
      } 
     }, 
     queryParams:{ 
      brand:{ 
       refreshModel: true 
      } 
     }, 
     model(params) { 
      if(params['marca'] != null){ 
       this.get('store').query('car', { filter: { where:{brand: params['marca'] } }}).then(function(cars) { 
        return cars; 
       }); 
      } else { 
       return this.get('store').findAll('car'); 
      } 
     } 
    });