ビューが開かれる/表示されるたびにコントローラー関数を実行します

下部に3つのイオンタブがあるクラシックな3ボタンメニューを使用するangular + ionicのアプリを作成しています。ユーザーがタブをクリックすると、そのテンプレートがui-routerを介して開きます。

私はこのような状態を持っています：

$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){ ... })

詳細については、状態変更イベントをご覧ください。

デフォルトでは、コントローラーはキャッシュでした。そのため、コントローラーは1回だけ起動しました。特定のコントローラーのキャッシュをオフにするには、を変更し.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!')
  })
})

私は同じ問題に直面しました、そしてここで私は同じ問題を持つ他のすべての人にこの振る舞いの理由を残します。

ライフサイクルを見る

パフォーマンスを向上させるために、ビュー要素とスコープデータをキャッシュするIonicの機能を改善しました。コントローラが初期化されると、アプリの存続期間を通じて存続する可能性があります。それは隠され、ウォッチサイクルから削除されます。スコープを再構築していないため、ウォッチサイクルに再び入るときにリッスンする必要があるイベントを追加しました。

完全な説明と$ ionicViewイベントを表示するには、http：//ionicframework.com/blog/navigating-the-changes/にアクセスしてください。

cache-view = "false"でビューキャッシュを無効にしてみませんか？

あなたのビューでは、これを次のようにion-nav-viewに追加します。

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

またはstateProviderで：

$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でも同様の問題が発生しました。コントローラをカメラタブのion-viewコンポーネント（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>

AddMediaCtrlで定義されたaddImageメソッドは、ユーザーが[カメラ]タブをクリックするたびにネイティブカメラをロードします。これを機能させるために、Angularキャッシュ内の何も変更する必要はありませんでした。これがお役に立てば幸いです。