每当打开/显示视图时运行控制器功能

我正在构建一个带有angular + ionic的应用程序，该应用程序在底部使用一个经典的三按钮菜单，其中包含三个ion-tabs。用户单击选项卡时，该模板通过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){ ... })

您可以在此处找到更多详细信息：状态更改事件。

默认情况下，控制器是缓存的，这就是为什么控制器仅触发一次的原因。要关闭某个控制器的缓存，您必须修改.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上也遇到了类似的问题，在我选择“相机”选项卡后，我试图加载本机相机。通过将控制器设置为“相机”选项卡的离子视图组件（在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方法都会加载本机摄像机。我不必更改角度缓存中的任何内容即可工作。我希望这有帮助。