angular-wizard прокрутите страницу вверх на следующий щелчок

Question

Я использую этот плагин https://github.com/mgonto/angular-wizard, чтобы создать многоступенчатую форму в моем ионном приложении. Проблема заключается в том, что страница остается внизу, когда я перехожу с одного шага в другой. Как я могу перейти на страницу, чтобы прокручивать верх, когда я переключаюсь между шагами.

Answer 1

Существует директива on-finish, которую вы можете использовать для запуска прокрутки вверх (используйте ее как ng-click - привязка функции как значения директивы).

на финише: Здесь вы можете поместить функцию, которая будет вызвана, когда волшебник закончил. Синтаксис здесь очень похож на нг нажмите

Или связать одни и те же функции на этапе директиве: wz-previous/wz-cancel/wz-finish/wz-reset

Небольшого примере по мнению

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

Прогулка до верхней части контроллера

Внутри этой функции, привязанной к этой директиве on-finish, вы можете применить прокрутку вверх.

Просто введите $anchorScroll в качестве зависимости от конструктора контроллеров и вызовите $anchorScroll() всякий раз, когда вы хотите прокрутить вверх.

Answer 2

Привет, спасибо за ответ. Мне удалось найти решение, и теперь страница прокручивается сверху, когда я перехожу от одного шага к другому. Это то, что я делаю.

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

и в моем контроллере я добавил, как этот

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