javascript - AngularJS Controller 在初始化之前需要从 $http 获取数据

Question

我在 AngularJS 中初始化 Controller 时遇到问题。

下面是我想要实现的流程。

1. 在 DOM 准备好之前通过 $http 从 mongoDB 获取数据。
2. 通过使用数据，应使用 ng-repeat 创建一些 div 元素。

但问题是 View 是在 Controller 从 $http 获取数据之前渲染的。

所以我在 stack-overflow 和 google 上进行了搜索，找到了 ui-router 的 resolve 函数。

下面是我的 ui-router 代码。

            .state('floor', {
            url: '/floor/:domainId',
            templateUrl: 'modules/floor/views/floor.client.view.html',
            controller: 'FloorController',
            resolve: {
                initData: ['$http', '$stateParams', function($http, $stateParams) {
                    return $http.get('/users/getFloor/' + $stateParams.domainId).success(function(user) {
                        return $http.get('/users/' + user._id + '/data/get').success(function(data) {
                            return data;
                        });
                    });
                }]
            }
        })

第一个$http是从域id中获取用户id。 (例如，用户可以连接到/floor/my_personal_domain_address)，第二个 $http 是我需要的初始数据。

这是我的 Controller 代码。

angular.module('floor').controller('FloorController', ['$scope', 'initData',
    function($scope, initData) {
        console.log(initData);
}]);

小提示或搜索关键字或任何东西都会非常感谢我。我还在学习 AngularJS，所以请给我一个小提示..谢谢!

更新

这是我对 Controller 工作原理的误解。正如一些人评论的那样，在 Controller 初始化之前我不必使用解析来检索数据。出现这个问题是因为我第一次将 ng-repeat 中使用的数组变量声明为 [] 并且客户端显示错误。如果我在从数据库获取值后声明变量， Controller 数据绑定(bind)它以正确查看。这样问题就解决了。感谢大家提出的宝贵意见和解答。

更新2

无论如何，ui-router的resolve可以返回一个值，即使它是promise。我为它工作了几个小时，我发现如果我在解析中返回 $http Promise， Controller 可以在成功时获取其数据。但如果在解析时发生 $http 错误，则没有任何方法可以捕获它。所以如果有人想在初始化之前使用resolve向 Controller 发送数据，我认为一定要小心使用。

Answer 1

Get data from mongoDB by $http before DOM is ready.

在这种情况下，更简单的解决方案可能是在 Angular 初始化之前不要发出任何棘手的 $http 请求，而只是在加载 angular.min 之前将数据作为 JavaScript 全局变量嵌入到主 HMTL 页面中。 js 脚本。