AngularJS在$ http调用后挂起

Question

我有这样的代码：

function FooCtrl($scope, $rootScope, $http) {
    ...
    $http.get('http:/foobar/api/v1/offers').success(function(data, status) {
    $rootScope.offers = data.info;
    console.log(data.info);
}).error(function(data, status, headers, config) {
    console.log(data);
});
}

在我的index.html中，我有一个像这样的div：

<div data-role="page" ng-controller="FooCtrl">

服务器在$ http调用上返回大约150Kb，全部都是JSON。

我发现$ http调用后该页面冻结了 - 它将结果记录在控制台中，但在此之后，页面停止响应/我甚至无法启动开发人员工具。

任何想法或帮助都会受到赞赏 - 我是否应该在AngularJS中以其他方式进行此调用？