Ember TransitionTo mit QueryParams funktioniert nicht

Question

Ich bin neu zu Ember und ich versuche TransitionTo mit QueryParams zu verwenden, aber ich kann es nicht zur Arbeit bringen Ich habe eine Menge der Lösung versucht, aber ich kann nicht herausfinden, was ist falsch mit meinem Code. Hier ist der Code für die beiden Strecken Ich bin zwischen den Übergang:

1- index.js:

export default Ember.Route.extend({ 
setupController: function(controller, model) { 
this._super(controller, model); 
controller.set("model", model); 
}, 
model() { 
    return { 
    searchQuery: "" 
    }; 
}, 
actions: { 
    search() { 
    const query = this.controller.get("model.searchQuery"); 
    this.transitionTo("/search-results", { 
    quaryParams: { 
     q: query 
    } 
    }); 
    } 
} 
}); 

2-search-results.js:

export default Ember.Route.extend({ 
model() { 
    return { 
    fieldsInput: [] 
    }; 
}, 
setupController: function(controller, model) { 
    this._super(controller, model); 
    controller.set("model", model); 
} 
}); 

ich nicht wissen, ob noch etwas hinzugefügt werden sollte. Ich habe versucht, queryParams auf dem Controller zu setzen, aber es hat auch nicht funktioniert. auch, ich habe versucht,

zu den Suchergebnissen Route, aber keine Verwendung.

Answer 1

Wenn Sie URL für die Methode transitionTo angeben, müssen Sie die vollständige URL angeben, indem Sie queryParams erstellen. Dies wird

this.transitionTo(`/search-results?q=${query}`); 

arbeiten, wie Sie in Kommentar erwähnt, Sie queryParams Eigenschaft in Route angeben fehlten.

Answer 2

In "search-results.js" müssen Sie (über Ihr Modell) auf den Parameter zugreifen, den Sie von index.js an die Datei übergeben haben. In search-results.js sollte Ihr Modell also ein wenig aussehen dies:

model(param) { 
    return { 
    fieldsInput: [] 
    }; 
}, 

wenn Sie schauen, wo Sie „fieldsInput“ oben definiert haben, Sie gehen eine Art von Ember-Data Lookup tun wollen (, wenn Sie nicht mit ihm vertraut sind, dann sehen ein youtube Video oder zwei, es wird eine Menge vorwärts helfen), um den "queryParam" zu verwenden, den Sie von index.js übergaben.

(Hinweis: „return this.store.findRecord(someObject, param.someProperty)“ wahrscheinlich ist, was Sie verwenden werden wollen)

Auch, wenn Sie in der Zeile sehen nur unter dem Sie „this.transitionTo“ geschrieben haben, haben Sie einen Tippfehler in Ihrem Rechtschreibung von "queryParams".

Hoffe, das hilft.