Validieren Sie Ember-Objekte vor dem Übergang der Route

Question

Ich habe eine Ember-Anwendung mit mehreren Objekten auf einer Einstellungsseite. Diese haben eine Reihe von Validierungen, die ich als verschiedene Punkte nenne.

Ich habe auch eine Ember {{link-to}} Helfer, die einen Benutzer auf eine Ergebnisseite wechseln ermöglicht.

Ich möchte sicherstellen, dass meine Objekte gültig sind, bevor ich dem Benutzer den Übergang zur Ergebnisseite erlaube.

In Ember 2.0 + konnte ich eine Funktion an eine Schaltfläche binden, anstatt den {{link-to}} Helfer zu verwenden und in der Funktion validieren und transitionToRoute aufrufen.

Ich musste die Ember-Version auf 1.1 zurückgestuft und wieder auf den {{link-to}}-Helfer wegen einiger Drittanbieter-Styling-Bedenken zurückgreifen. Was ist der beste Weg, dies zu tun? in älteren Ember?

Gibt es eine Möglichkeit, eine Funktion vor dem Übergang im {{link-to}} Helfer aufzurufen? Ich konnte keinen finden.

Answer 1

Ich empfehle tanTransition.

App.FormRoute = Ember.Route.extend({ 


actions: { 
    willTransition: function(transition) { 
     if (this.controller.get('userHasEnteredData') && 
      !confirm("Are you sure you want to abandon progress?")) { 
     transition.abort(); 
     } else { 
     // Bubble the `willTransition` action so that 
     // parent routes can decide whether or not to abort. 
     return true; 
     } 
    } 
    } 
}); 

https://guides.emberjs.com/v1.10.0/routing/preventing-and-retrying-transitions/