Очистити сторінку історії та оновити сторінку входу / виходу за допомогою Ionic Framework

Я новачок у розробці мобільних додатків з Ionic. Під час входу та виходу мені потрібно перезавантажити сторінку, щоб оновити дані, однак $state.go('mainPage')повертає користувача до подання без перезавантаження - контролер за ним ніколи не викликається.

Чи є спосіб очистити історію та перезавантажити стан в іонічному?

Ласкаво просимо до фреймворку! Насправді маршрутизація в Ionic живиться від інтерфейсу користувача . Ймовірно, вам слід перевірити це попереднє запитання SO, щоб знайти кілька різних способів досягти цього.

Якщо ви просто хочете перезавантажити стан, ви можете використовувати:

$state.go($state.current, {}, {reload: true});

Якщо ви дійсно хочете перезавантажити сторінку (як, наприклад, ви хочете перезавантажити все), ви можете використовувати:

$window.location.reload(true)

Удачі!

Я виявив, що відповідь JimTheDev спрацювала лише тоді, коли було cache:falseвстановлено визначення штату . З кешованим видом ви можете це зробити, $ionicHistory.clearCache()і тоді, $state.go('app.fooDestinationView')якщо ви переходите з одного стану в той, який кешований, але потребує оновлення.

Дивіться мою відповідь тут, оскільки вона вимагає простої зміни на Ionic, і я створив запит на витяг: https://stackoverflow.com/a/30224972/756177

Правильна відповідь:

$window.location.reload(true);

Я знайшов рішення, яке допомогло мені це зробити. Установка cache-view="false"на ion-viewтезі вирішити мою проблему.

<ion-view cache-view="false" view-title="My Title!">
  ....
</ion-view>

Перезавантажити сторінку - не найкращий підхід.

Ви можете обробляти події зміни стану для перезавантаження даних без перезавантаження самого подання.

читайте про життєвий цикл ionicView тут:

http://blog.ionic.io/navigating-the-changes/

і обробляти подію beforeEnter для перезавантаження даних.

$scope.$on('$ionicView.beforeEnter', function(){
  // Any thing you can think of
});

У моєму випадку мені потрібно очистити лише перегляд і перезапустити контролер. Я міг отримати свій намір за допомогою цього фрагмента:

$ionicHistory.clearCache([$state.current.name]).then(function() {
  $state.reload();
}

Кеш все ще працює, і здається, що просто перегляд очищений.

ionic --version говорить 1.7.5.

Жодне із згаданих вище рішень не працювало для імені хосту, яке відрізняється від localhost!

Мені довелося додати notify: falseдо списку параметрів, до яких я переходжу $state.go, щоб уникнути виклику слухачів Angular change, перш ніж $window.location.reloadвикликати виклик. Остаточний код виглядає так:

$state.go('home', {}, {reload: true, notify: false});

>>> РЕДАКТУВАТИ - може знадобитися $ таймаут залежно від вашого браузера >>>

$timeout(function () { $window.location.reload(true); }, 100);

<<< КІНЕЦЬ РЕДАГУВАННЯ <<<

Детальніше про це на посиланнях на ui-маршрутизатор .

Я намагався зробити сторінку оновлення за допомогою angularjs, коли побачив веб-сайти, я заплутався, але жоден код не працював для коду, тоді я отримав рішення для перезавантаження сторінки за допомогою

$state.go('path',null,{reload:true});

використовуйте це у функції, яка буде працювати.

Мені потрібно було перезавантажити стан, щоб змусити смуги прокрутки працювати. Вони не працювали при проходженні через іншу державу - «реєстрацію». Якщо додаток було примусово закрито після реєстрації та відкрито знову, тобто воно перейшло безпосередньо у „домашній“ стан, смуги прокрутки працювали. Жодне з наведених вище рішень не спрацювало.

Коли після реєстрації я замінив:

$state.go("home");

з

window.location = "index.html"; 

Додаток перезавантажився, і смуги прокрутки запрацювали.

Контролер викликається лише один раз, і ви ПОВИННІ зберегти цю логічну модель, я зазвичай роблю це:

Я створюю метод $scope.reload(params)

На початку цього методу я телефоную, $ionicLoading.show({template:..})щоб показати свій власний блешні

Коли процес перезавантаження може закінчитися, я можу зателефонувати $ionicLoading.hide() як зворотний дзвінок

Нарешті, всередині кнопки REFRESH я додаю ng-click = "reload(params)"

Єдиним недоліком цього рішення є те, що ви втрачаєте іонну систему історії навігації

Сподіваюся, це допомагає!

Якщо ви хочете перезавантажити після зміни вигляду, вам потрібно

$state.reload('state',{reload:true});

Якщо ви хочете зробити цей вигляд новим "коренем", ви можете сказати ionic, що наступним видом це буде корінь

 $ionicHistory.nextViewOptions({ historyRoot: true });
 $state.go('app.xxx');
 return;

Якщо ви хочете, щоб ваші контролери перезавантажувались після кожної зміни вигляду

app.config(function ($stateProvider, $urlRouterProvider, $ionicConfigProvider) {

$ionicConfigProvider.views.maxCache(0);

.state (url: '/ url', контролер: Ctl, templateUrl: 'template.html', cache: false) cache: false ==> вирішив мою проблему!

Як зазначає контролери перезавантаження @ezain лише тоді, коли це необхідно. Іншим більш чистим способом оновлення даних при зміні станів, а не перезавантаження контролера, є використання трансляційних подій та прослуховування таких подій у контролерах, які потребують оновлення даних про подання.

Приклад: у своїх функціях входу / виходу ви можете зробити щось подібне:

$scope.login = function(){
    //After login logic then send a broadcast
    $rootScope.$broadcast("user-logged-in");
    $state.go("mainPage");
};
$scope.logout = function(){
   //After logout logic then send a broadcast
   $rootScope.$broadcast("user-logged-out");
   $state.go("mainPage");
};

Тепер у вашому контролері mainPage ініціюйте зміни у поданні, використовуючи функцію $ on для прослуховування трансляції в контролері mainPage так:

$scope.$on("user-logged-in", function(){
     //update mainPage view data here eg. $scope.username = 'John';
});

$scope.$on("user-logged-out", function(){
    //update mainPage view data here eg. $scope.username = '';
});

Я спробував багато методів, але виявив, що цей метод абсолютно правильний:

$window.location.reload();

Сподіваюся, це допоможе іншим затриматися на цілі дні, як я з версією: angular 1.5.5, ionic 1.2.4, angular-ui-router 1.0.0