Ember vorbei, ein Modell zu transitionToRoute

Bin ich mit Ember-cli mit ember 1.11

Ich versuche, die transitionToRoute Methode in einem controller, um den übergang zu einer route und füttern ein dynamisch erzeugtes Objekt als Modell.

Hier mein controller:

import Ember from 'ember';

export default Ember.Controller.extend({
  actions: {      
      launch_scanner: function(){
        console.log('launch_scanner');
        var model = {name: "Edward", phone: "123", email: "[email protected]"};
        //the final app will pull the model variable from a QR scanner

        this.transitionToRoute('addcontact', model);
     }
  }      
});

Wenn ich den Auslöser dieser Aktion, die transitionToRoute Methode diesen Fehler verursacht:

Nicht abgefangener Fehler: Mehr Kontext-Objekte übergeben wurden, als es gibt
dynamischen Segmenten für die route: addcontact

Wenn ich lassen Sie sich die Modell-parameter, der es übergänge zu den addcontact route ganz gut. Was mache ich falsch?

Hier ist mein router file:

import Ember from 'ember';
import config from './config/environment';

var Router = Ember.Router.extend({
  location: config.locationType
});

Router.map(function() {
  this.route('home', {path: '/'});
  this.resource('addcontact', {path: '/addcontact'});
});

export default Router;
  • Zeigen Sie Ihre router-Datei, bitte, um zu sehen, welche Parameter Sie brauchen, um passieren
  • Ich habe aktualisiert und zeigt die router-Datei.
InformationsquelleAutor Edward Ellsworth | 2015-06-15
  1. 1

    Habt Ihr es mit einem klassischen problem, das in vielen Ember-Anwendungen, die, wie zu handhaben "neue"/"erstellen" - Situationen.

    Können Sie eine route definieren, wie

    this.route('addcontact', { path: /addcontact/:thing_id }

    weil die den neuen Kontakt, der nicht über eine id, und nicht bis es auf dem server persistent gespeichert, an welcher Stelle es wird nicht neues mehr.

    Dennoch gibt es einige Punkt in Ihrer Anwendung, in Ihrem Fall nehme ich an, auf der "home" - Seite, wo der Benutzer drückt einen "Neuen Kontakt", und es kann auch nützliche Informationen über das, was zu schaffen, oder wie Sie erstellt werden und es können sogar erstellen Sie das Objekt direkt dort mit this.store.createRecord - doch wie funktioniert ein pass, Informationen, oder die neue Platte, die addcontacdt route, die keine dynamischen segment?

    Einige Ideen sind:

    1. Erstellen Sie den neuen Kontakt in Ihrer home route oder was auch immer, und speichern Sie es in den controller. Dann, in der model Haken der neuen route, rufen Sie es mit this.controllerFor('home').get('newContact').

    2. Übergeben die notwendigen Parameter für die Erstellung des neuen Objekts, falls vorhanden, die addcontact route als query Parameter, mit transitionTo('newcontact', queryParameters). Dann, in der model Haken, erstellen Sie das neue Objekt mit this.store.createRecord('contact', transition.queryParameters) oder etwas vergleichbares.

    • Ich entdeckte, dass ich definieren könnte, meine route: dies.Ressource('addcontact', {path: '/addcontact/: - info'}); und dies erlaubte mir, mich zu übergeben, das neue Objekt als Modell durch die transitionToRoute Methode. Ich weiß nicht, ob das die richtige ist, denn ich konnte nicht wirklich was finden in der Dokumentation über es, aber es funktionierte.
    • Ist es möglich zu passieren, ohne query-Parameter?
    InformationsquelleAutor
  2. 0

    Dass das normal ist, weil Sie nicht alle dynamischen segment in Ihrem addContact route. Sollten Sie Ihren router zu 

    Router.map(function() {
  this.route('home', {path: '/'});
  this.resource('addcontact', {path: '/addcontact/:id'});
});

    Konnte man nun übergeben Sie die Modell-Id, anstatt das ganze Modell zum auslösen der model Haken. Alternativ können Sie übergeben das ganze Modell, aber es wird nicht ausgelöst, die model Haken. Obwohl Sie immer noch verändern können Ihr Modell in der afterModel Haken.

    • Naja, da werden die Daten dynamisch generiert, müsste es nicht eine id noch nicht, so wie würde ich das nur passieren, dass das gesamte Modell durch?
    • Sie nicht brauchen, um Ihre Controller-code, nur deinen router. Es sollte funktionieren. Haben Sie einen Blick auf die Glut doc, wenn du unsicher bist: emberjs.com/api/classes/...
    • Bitte vergessen Sie nicht zu akzeptieren, eine Lösung, damit zukünftige Benutzer können wissen, was funktioniert 🙂
    InformationsquelleAutor QuantumLicht
  3. 0

    Wenn Sie möchten, navigieren Sie zu einem Subroute für einen ungespeicherten Datensatz haben Sie 2 Möglichkeiten

    Entweder speichern Sie Ihr Modell vor dem übergang, um die Strecke 

    model.save().then(function(result){
   self.transitionToRoute('route',result.id)
});

    oder erstellen Sie eine id für das Modell in createRecord wenn Sie nicht möchten, speichern Sie das Modell (vielleicht der Benutzer kann Abbrechen und Sie nicht behandeln möchten, löschen)

    Eine grundlegende Funktion für die id erstellen mit niedrigen Potenzial identische ids wäre:

    generateIdForRecord: function() {
    var d = new Date().getTime();
    var uuid = 'xxxxyyyxxxxxxxxyyxyxxxyyy'.replace(/[xy]/g, function(c){
        var r = (d + Math.random() * 16) % 16 | 0;
        d = Math.floor(d / 16);
        return (c === 'x' ? r : (r & 0x7 | 0x8)).toString(16);
    });
    return uuid;
}

    Mit diesem Ansatz eine noch nicht gespeicherte Modell hat eine id, um den übergang zu, man denke nur an die Handhabung der übergänge aus, die route, da die aktuelle id ist nicht mehr gültig nach dem speichern des Modells (Modell wird real-id von der server-Antwort).

    InformationsquelleAutor Christian Stengel
Schreibe einen Kommentar