AngularJS重新初始化控制器

我有一个名为newGroupCtrl的控制器,其定义如下:

.state('new_group',{
    url: '/new_group',templateUrl: 'templates/new_group.html',controller: 'newGroupCtrl'
})

.controller('newGroupCtrl',function ($scope,$rootScope,$ionicHistory,$window) {
    $rootScope.roomId = $scope.getRoom();

    $scope.getRoom = function () {
        var date = new Date;
        var minutes = date.getMinutes();
        var hour = date.getHours();
        return 'room_' + hour + '' + minutes;
    };
}

我从上一页到达这个控制器:

$window.location.href = ('#/new_group');

直到现在这都很好. $rootScope.roomId变量在newGroupCtrl控制器中正确初始化.

从这个new_group页面,我导航到另一个页面.当我通过调用$window.location.href =(‘#/ new_group’);导航回此页面时,
 $rootScope.roomId没有再次初始化,相反它的旧值仍然存在. newGroupCtrl的状态被保留.

如何完全重新初始化newGroupCtrl?

解决方法

每次通过浏览器访问URL时都需要告诉状态重新加载控制器,只需添加状态的重新加载选项为true,如reload:true.

.state('new_group',controller: 'newGroupCtrl',reload: true //will reload controller when state is being access
});

你应该使用$state.go(‘new_group’)而不是$window.location.href =(‘#/ new_group’);这将确保路由更改将由ui-router识别.

这里SO answer相同

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...