Bir görünüm açıldığında / gösterildiğinde bir denetleyici işlevi çalıştırın

Altta üç iyon sekmesi bulunan klasik bir üç düğmeli menü kullanan açısal + iyonlu bir uygulama geliştiriyorum. Bir kullanıcı bir sekmeyi tıkladığında, bu şablon ui-yönlendirici aracılığıyla açılır.

Bunun gibi durumlar var:

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

Şablonda şöyle bir şey yapıyorum:

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

Denetleyicimde doSomething () işlevini yazabileceğimin ve onu orada elle çağırabileceğimin farkındayım. Yine de bu bana aynı sorunu veriyor. Biri bu görünümü açtığında, doSomething () işlevini birden çok kez nasıl çağıracağımı çözemiyorum.

Şu anda, doSomething () işlevi gayet iyi olarak adlandırılıyor, ancak yalnızca bu görünüm / sekme kullanıcı tarafından ilk açıldığında. Bir kullanıcı o görünümü veya sekmeyi her açtığında bir işlev çağırmak (coğrafi konumu güncellemek için) istiyorum.

Bunu uygulamanın doğru bir yolu ne olabilir?

Yardım ettiğin için teşekkürler!

Görünümünüze belirli bir denetleyici atadıysanız, görünümünüz her yüklendiğinde denetleyiciniz çağrılır. Bu durumda, denetleyicinizde bazı kodları çalıştırılır çalıştırılmaz çalıştırabilirsiniz, örneğin şu şekilde:

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

Ve kontrol cihazınızda:

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;
});

Düzenleme: Durum değişikliklerini izlemeyi deneyebilir ve ardından rota değiştirildiğinde ve belirli bir rota ziyaret edildiğinde bazı kodlar çalıştırabilirsiniz, örneğin:

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

Daha fazla ayrıntıyı burada bulabilirsiniz: Durum Değişikliği Olayları .

Varsayılan olarak, denetleyicileriniz önbellekti ve bu nedenle denetleyiciniz yalnızca bir kez ateşlendi. Belirli bir denetleyici için önbelleğe almayı kapatmak için .config(..).state, ayarlamanız ve cacheseçeneği olarak ayarlamanız gerekir false. Örneğin :

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

daha fazla okumak için lütfen http://ionicframework.com/docs/api/directive/ionNavView/ adresini ziyaret edin.

AlexMart'ın cevabını ve bağlantısını takip ederek , şöyle bir şey çalışır:

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

Ben de aynı sorunla karşılaştım ve burada bu davranışın nedenini aynı sorunu olan herkese bırakıyorum.

LifeCycle'ı Görüntüle

Performansı artırmak için, Ionic'in görüntüleme öğelerini önbelleğe alma ve verileri kapsamını iyileştirme becerisini geliştirdik. Bir denetleyici başlatıldığında, uygulamanın ömrü boyunca devam edebilir; sadece gizlidir ve izleme döngüsünden çıkarılır. Kapsamı yeniden oluşturmadığımız için, izleme döngüsüne tekrar girerken dinlememiz gereken olaylar ekledik.

Tam açıklamayı ve $ ionicView olaylarını görmek için şu adrese gidin: http://ionicframework.com/blog/navigating-the-changes/

Neden önbelleği cache-view = "false" ile devre dışı bırakmıyorsunuz ?

Sizin görüşünüze göre bunu iyon navigasyon görünümüne şu şekilde ekleyin:

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

Veya bulunduğunuz eyalette Sağlayıcı:

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

Her ikisi de kontrol cihazınızın her zaman çağrılmasını sağlayacaktır.

Örneğin @Michael Trouw'a,

denetleyicinizin içine bu kodu girin. bu, bu duruma her girildiğinde veya aktif olduğunda çalışacaktır, önbelleği devre dışı bırakma konusunda endişelenmenize gerek yoktur ve bu daha iyi bir yaklaşımdır.

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

Bir görünüm gösterilmeden önce çalışan $ ionicView.beforeEnter -> gibi daha fazla esneklik örneğine sahip olabilirsiniz. Ve biraz daha fazlası var.

Ionic'in yukarıda bahsedilen görüntüleme öğelerini ve kapsam verilerini önbelleğe alma yeteneği göz önüne alındığında, bu, görünüm her yüklendiğinde denetleyiciyi çalıştırmak istiyorsanız, bunu yapmanın başka bir yolu olabilir. İonic tarafından kullanılan önbelleğe alma mekanizmasını aşağıdakileri yaparak genel olarak devre dışı bırakabilirsiniz:

$ionicConfigProvider.views.maxCache(0);

Aksi takdirde, benim için çalışmasını sağlama şeklim

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

Bu, her tekrar girdiğinizde denetleyiciyi yeniden çalıştırmak için görünümden çıkmadan önce önbelleği temizlemek içindir.

Muhtemelen aradığınız şey buydu:

Ionic, görünümlerinizi ve dolayısıyla denetleyicilerinizi varsayılan olarak önbelleğe alır (en fazla 10) http://ionicframework.com/docs/api/directive/ionView/

Denetleyicinizin bu iyonik olaylara dayanarak belirli şeyleri yapmasına izin vermek için bağlanabileceğiniz olaylar vardır. bir örnek için buraya bakın: http://ionicframework.com/blog/navigating-the-changes/

Kamera sekmesini seçer seçmez yerel kamerayı yüklemeye çalıştığım ionic ile benzer bir sorun yaşadım. Denetleyiciyi kamera sekmesi için iyon görünümü bileşenine (tabs.html'de) ayarlayarak ve ardından kameramı yükleyen $ kapsam yöntemini (addImage) çağırarak sorunu çözdüm.

Www / templates / tabs.html’de

  <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>

AddMediaCtrl'de tanımlanan addImage yöntemi, kullanıcı "Kamera" sekmesini her tıkladığında yerel kamerayı yükler. Bunun çalışması için açısal önbellekte hiçbir şeyi değiştirmem gerekmedi . Umarım bu yardımcı olur.