小编use*_*148的帖子

如何预加载JSON数据,以便在Angularjs模块准备就绪时可用

我有一个非常简单的应用程序,它使用控制器内的$ http.get加载JSON数组.它将结果数据分配给范围,并通过结果重复显示HTML以显示列表.这是一个非常简单的angularjs例子.

function ViewListCtrl($scope, $http) {

$scope.shoppinglist = [];

$scope.loadList = function () {

    var httpRequest = $http({
        method: 'POST',
        url: 'viewList_service.asp',
        data: ''

    }).success(function (data, status) {
        $scope.shoppinglist = data;
    });

};

$scope.loadList();

}
Run Code Online (Sandbox Code Playgroud)

在慢速服务器上进行测试时,我意识到在重复重复区域时有3秒的阻塞延迟.调试显示我的控制器在页面加载之前不会尝试获取数据.我的页面加载需要3秒钟.然后我必须等待另外3秒才能加载json数据.

我想尽快加载数据,以便在我的控制器就绪时准备就绪.简单地说,我想预先加载数据,以便与我的模块并行加载.

我一直在搜索,我发现最接近的是"解决",但我没有使用路线.这是一个非常简单的列表,没有路由或模板.

如何在页面开始渲染时立即加载JSON,以便在控制器准备就绪并且没有阻塞时准备好...然后将数据放入范围?

json angularjs

9
推荐指数
1
解决办法
7361
查看次数

标签 统计

angularjs ×1

json ×1