Запускайте функцію контролера щоразу, коли відкривається / відображається подання

Я будую додаток з angular + ionic, який використовує класичне меню з трьома кнопками внизу з трьома іонними вкладками. Коли користувач натискає вкладку, цей шаблон відкривається через інтерфейс користувача.

У мене є такі стани:

$stateProvider
  .state('other', {
    url: "/other",
    abstract: true,
    templateUrl: "templates/other/other.html"
})

У шаблоні я роблю щось на зразок:

<ion-nav-view name="other" ng-init="doSomething()"></ion-nav-view>

Мені відомо, що я можу записати функцію doSomething () у свій контролер і просто викликати її вручну там. Це дає мені таку ж проблему, хоча. Я не можу зрозуміти, як викликати функцію doSomething () більше одного разу, коли хтось відкриває це представлення.

Зараз функція doSomething () викликається просто чудово, але лише перший раз, коли користувач відкриває подання / вкладку. Я хотів би викликати функцію (для оновлення геолокації) кожного разу, коли користувач відкриває цей вигляд або вкладку.

Що було б правильним способом реалізувати це?

Дякуємо за допомогу!

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

<ion-nav-view ng-controller="indexController" name="other" ng-init="doSomething()"></ion-nav-view>

А у вашому контролері:

app.controller('indexController', function($scope) {
    /*
        Write some code directly over here without any function,
        and it will be executed every time your view loads.
        Something like this:
    */
    $scope.xyz = 1;
});

Редагувати: Ви можете спробувати відстежити зміни стану, а потім виконати деякий код, коли маршрут змінюється та відвідується певний маршрут, наприклад:

$rootScope.$on('$stateChangeSuccess', 
function(event, toState, toParams, fromState, fromParams){ ... })

Більш детальну інформацію ви можете знайти тут: Події щодо зміни стану .

За замовчуванням ваші контролери були кешованими, і саме тому ваш контролер запускався лише один раз. Щоб вимкнути кешування для певного контролера, вам потрібно змінити свій .config(..).stateі встановити для cacheпараметра опцію false. наприклад:

  .state('myApp', {
    cache: false,
    url: "/form",
    views: {
      'menuContent': {
        templateUrl: "templates/form.html",
        controller: 'formCtrl'
      }
    }
  })

для подальшого читання, будь ласка, відвідайте http://ionicframework.com/docs/api/directive/ionNavView/

Наслідуючи відповідь та посилання від AlexMart , щось подібне працює:

.controller('MyCtrl', function($scope) {
  $scope.$on('$ionicView.enter', function() {
     // Code you want executed every time view is opened
     console.log('Opened!')
  })
})

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

Переглянути LifeCycle

З метою підвищення продуктивності ми покращили здатність Ionic кешувати елементи перегляду та дані області. Після ініціалізації контролера він може зберігатися протягом усього життя програми; його просто приховано та видалено з годинного циклу. Оскільки ми не відновлюємо сферу дії, ми додали події, до яких нам слід прислухатися, коли знову входимо в цикл перегляду.

Щоб переглянути повний опис та події $ ionicView, перейдіть за посиланням: http://ionicframework.com/blog/navigating-the-changes/

Чому б вам не вимкнути кеш подання за допомогою cache-view = "false" ?

На ваш погляд, додайте це до перегляду ion-nav таким чином:

<ion-nav-view name="other" cache-view="false"></ion-nav-view>

Або у вашому державному постачальнику:

$stateProvider.state('other', {
   cache: false,
   url : '/other',
   templateUrl : 'templates/other/other.html'
})

Кожен з них змусить ваш контролер викликати завжди.

Наприклад, до @Michael Trouw,

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

.controller('exampleCtrl',function($scope){
$scope.$on('$ionicView.enter', function(){
        // Any thing you can think of
        alert("This function just ran away");   
    });
})

Ви можете навести більше прикладів гнучкості, таких як $ ionicView.beforeEnter ->, який запускається до відображення подання. І є ще дещо.

Беручи до уваги здатність Ionic кешувати елементи перегляду та дані обсягу, згадані вище, це може бути іншим способом, якщо ви хочете запускати контролер кожного разу, коли подання завантажується. Ви можете глобально вимкнути механізм кешування, який використовує ionic, виконавши:

$ionicConfigProvider.views.maxCache(0);

В іншому випадку, як я працював у мене це робило

$scope.$on("$ionicView.afterLeave", function () {
     $ionicHistory.clearCache();
}); 

Це потрібно для очищення кеш-пам’яті перед тим, як залишати подання для повторного запуску контролера кожного разу, коли ви повертаєтеся назад.

Це, мабуть, те, що ви шукали:

Ionic кешує ваші подання і, отже, ваші контролери за замовчуванням (макс. 10) http://ionicframework.com/docs/api/directive/ionView/

Є події, на які можна підключитись, щоб дозволити своєму контролеру робити певні дії на основі цих іонних подій. див. тут приклад: http://ionicframework.com/blog/navigating-the-changes/

У мене була подібна проблема з ionic, коли я намагався завантажити рідну камеру, як тільки вибрав вкладку камери. Я вирішив проблему, встановивши для контролера компонент іонного перегляду для вкладки камери (у tabs.html), а потім викликав метод $ scope, який завантажує мою камеру (addImage).

У www / templates / tabs.html

  <ion-tab title="Camera" icon-off="ion-camera" icon-on="ion-camera" href="#/tab/chats" ng-controller="AddMediaCtrl" ng-click="addImage()">
    <ion-nav-view  name="tab-chats"></ion-nav-view>
  </ion-tab>

Метод addImage, визначений у AddMediaCtrl, завантажує власну камеру щоразу, коли користувач натискає вкладку "Камера". Мені не потрібно було нічого змінювати в кутовому кеші, щоб це працювало. Сподіваюся, це допоможе.