页面转换时的 Ionic / Angular 更新范围

Question

我正在使用 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？

Answer 1

你可以在函数中$watch你的变化

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