页面转换时的离子/角度更新范围

时间:2015-01-03 22:31:13

标签: angularjs angularjs-scope angular-ui-router ionic-framework angularjs-controller

我正在使用Ionic框架创建一个应用程序。我有一个带有控制器的视图,看起来像这样

.controller('MainCtrl', function ($scope, service) { //Controller for app.main

    $scope.main = service.data;
})

用户可以从此主页转到子页面,并进一步操作service.data

.controller('MainSubCtrl', function ($scope, service) {
    service.data = 'do something';
    $scope.goBack = function ()
    {
        $state.go('app.main');
    }
})

完成后,$scope.goBack会将其取回。

如何确保在视图转换时更新$ scope.main?

1 个答案:

答案 0 :(得分:1)

您可以在功能中观看您的更改

.controller('MainCtrl', function ($scope, service) { //Controller for app.main
    $scope.$watch(function() {
         return service.data;
    },
    function(newval, oldval) {
         $scope.main = newval;
    }
});