Question

原始问题

我正在开发一个使用Ionic Framework和AngularJS的移动应用程序，我遇到的问题是控制器在初始化后没有重新加载。

其中一个状态转换（从'app.postbox-details'到'app.audit-questions'）应该将参数传递给'app.audit-questions'控制器，但是此控制器不会使用新参数更新自身，因为它不是重装。

代码示例

app.js file - config

angular.module('sf-maintenance', ['ionic', 'starter.controllers', 'starter.services', 'ngCordova'])           
.config(function ($stateProvider, $urlRouterProvider, $httpProvider) {
    $stateProvider
       .state('home', {
           url: '/home',
           templateUrl: 'templates/home.html',
           controller: 'HomeCtrl',
       })
       .state('app', { //app state being the side-menu
           url: '/app',
           abstract: true, //means that this state will never be activated directly, users will always go to a child state instead.
           templateUrl: 'templates/side-menu.html',
           controller: 'MenuCtrl'
       })       
       .state('app.postbox-details', {
           url: '/postbox-details',
           views: {
               'menuContent': {
                   templateUrl: 'templates/postbox-details.html',
                   controller: 'PostboxDetailsCtrl'
               }
           }
       })
    .state('app.audit-questions', {
        url: '/audit-questions/:postboxGuid',
        views: {
            'menuContent': {
                templateUrl: 'templates/audit-questions.html',
                controller: 'AuditCtrl'
            }
        }
    })
    $urlRouterProvider.otherwise('/home');
});

controller.js文件（省略了与之无关的代码）

angular.module('starter.controllers', [])    
.controller('HomeCtrl', function ($scope) {
})    
.controller('MenuCtrl', function ($scope) {
})    
.controller('PostboxDetailsCtrl', function ($scope, $ionicLoading, $ionicPopup, $cordovaBarcodeScanner, $state, DataService) {

    $scope.postboxGuid = DataService.getNewGUID();
    //Rest of the controller functions are below
})    
.controller('AuditCtrl', function ($scope, $ionicSlideBoxDelegate, $stateParams, DataService) {

    $scope.auditDetails = {
        postboxGuid: $stateParams.postboxGuid
    };    
});

查看 - 导航代码

执行导航的视图代码全部使用<a>标记：

从主视图到邮箱详情视图：<a class="button button-block button-dark icon-right ion-chevron-right" href="#/app/postbox-details">New inspection</a>
从邮箱详情视图到审核问题视图：<a class="button button-block button-dark icon-right ion-chevron-right" ng-click="saveFormData()" ng-href="#/app/audit-questions/{{postboxGuid}}">New audit</a>

那么有人知道如何让控制器在初始化后重新加载，或者我是否会以错误的方式引导我找到一个可行的方法？

更新信息

我最近看到了一个related question，@RadimKöhler的回复指出了this question中的答案，它提供了很好的信息，说明为什么使用cache:false可能不是一个好主意。一个视图，因为性能。

我认为我会分享这个，因为在某些情况下，您可以通过使用Ionic's built-in view life cycle events之一来运行代码，而不必禁用缓存视图，从而提高性能。

Answer 1

视图是在离子中标准缓存的。可以在视图或stateprovider中配置缓存。

http://ionicframework.com/docs/api/directive/ionNavView/

使用$ stateProvider的AngularJS / Ionic路由 - 控制器在第二次调用状态时不会重新加载

原始问题

更新信息

1 个答案: