eckig-wizard blättern nach oben auf klicken der nächsten

Question

Ich benutze dieses Plugin https://github.com/mgonto/angular-wizard um ein Multi-Step-Formular in meiner ionischen Anwendung zu erstellen. Das Problem ist, dass die Seite unten bleibt, wenn ich von einem Schritt zum nächsten gehe. Wie kann ich zum Blättern nach oben, wenn ich zwischen den Schritten wechseln.

Answer 1

Es gibt eine on-finish Direktive, die Sie verwenden könnten, um eine Rolle nach oben auszulösen (verwenden Sie sie wie eine ng-click - Bindung einer Funktion als Richtwert).

on-Finish: Hier können Sie eine Funktion setzen aufgerufen werden, wenn der Assistent abgeschlossen ist. Die Syntax ist hier sehr ähnlich ng-Klick

Oder binden die gleichen Funktionen auf einer Stufe Richtlinie: wz-previous/wz-cancel/wz-finish/wz-reset

Kleines Beispiel auf Sicht

// In this case, the scrollToTop() function will be called before going to the next step. 
<input type="button" wz-next="scrollToTop()" value="Next" /> 

Nach oben im Controller scrollen

Innerhalb dieser Funktion, die durch die Anweisung on-finish gebunden ist, können Sie die Rolle nach oben anwenden.

Injizieren Sie einfach $anchorScroll als eine Abhängigkeit zu dem Controller-Konstruktor, und rufen Sie $anchorScroll(), wann immer Sie nach oben scrollen möchten.

Answer 2

Hallo danke für die Antwort. Ich konnte die Lösung finden und jetzt die Seite scrollt oben, wenn ich von einem Schritt zum anderen gehe. Das mache ich.

<input type="button" wz-next="scrollToTop()" value="Next" />

und in meinem Controller habe ich wie dieses

$scope.scrollTop=function(){ 
$ionicScrollDelegate.scrollTop(); 
};