AngularJS中带有ui-view的根控制器的继承变量

Question

我的应用程序执行http调用，结果存储在范围内的变量中。

angular.module('simfraAppController', [])
.controller('simfraController', ['$scope', 'RetrieveInformation', 'RetrieveTaxInformation', 'ErrorModal',
    function ($scope,RetrieveInformation, RetrieveTaxInformation, ErrorModal) {
        $scope.formData = {};

        RetrieveInformation.then(function success(response) {
            $scope.personalData = response.data.data;

        }, function error(response) {
            ErrorModal();
        });

        RetrieveTaxInformation.then(function success(response) {
            $scope.taxData = response.data.data;

        }, function error(response) {
            ErrorModal();
        });
    }
]);

.state('landing', {
    url: "/",
    templateUrl: "simfra/dashboard.html"
})

在此控制器中进行调用并存储在变量中。

这是我的另一个控制器

.controller('SimfraDirectDebitApplicationController', ['$scope',    '$rootScope', '$state', 'Command', 'uuid4',
    function ($scope, $rootScope, $state, Command, uuid4) {

    console.log($scope.personalData);
});

.state('direct_debit_application', {
                url: "/incassoaanvraag",
                templateUrl: "simfra/direct-debit-application/inquiry.html"
 })

当然我已经嵌套了html。

<body data-ng-controller="simfraController">
    <div data-ng-controller="SimfraDirectDebitApplicationController">
    </div>
</div>

我的问题是，当我通过默认路由“ /”初始化应用程序并且导航至路由“ direct_debit_application”时，它都很好用。

但是，当我重新加载页面时，仍在发出请求（据我在控制台中看到的），但变量为“未定义”

我怎样才能使这东西正常工作？

Answer 1

这对我有用

使用以下代码在“ First controller”中设置值

$scope.$emit('key', {data: value}); //to set the value

使用以下代码在第二个控制器中获取值

 $rootScope.$on('key', function (event, data) {}); //to get the value

或者您也可以尝试使用getter setter方法

Answer 2

我知道为什么它不起作用！

$ http请求仍在进行中，并且DOM已加载。 因此，该变量为空。

AngularJS中带有ui-view的根控制器的继承变量

问题描述

2 个解决方案

解决方案1
0 2015-11-27 09:57:39

解决方案2
0 2015-11-27 10:00:37

AngularJS中带有ui-view的根控制器的继承变量

问题描述

2 个解决方案

解决方案1 0 2015-11-27 09:57:39

解决方案2 0 2015-11-27 10:00:37

解决方案1
0 2015-11-27 09:57:39

解决方案2
0 2015-11-27 10:00:37