angularjs - 如何尽快开始从服务器获取数据?

标签 angularjs

如何使用 Angular 尽快开始从服务器获取数据?

目前,我的大部分页面都是通过放置在根元素的指令“fooload”异步填充的:

<html lang="en" ng-app="myapp" fooload ng-controller="MyAppCtrl">
    <head>
        /* bunch of CSS, and other resources */
    </head>

通过 http GET 请求将数据加载到范围中:

angular.module('myapp.directives').
   directive('fooload', function ($http) {
     return {
         link: function (scope, elm, attrs) {
             $http.get('/foo').success(function (data) {
             scope.foo = data;
     });
     }
     };
});

查看网络面板,在请求 head 中引用的资源之后,在浏览器中进行此调用。如何在页面加载时尽快调用加载/foo 数据(如果可能,甚至在加载 Angular 本身之前)?

最佳答案

这与 Angular 并没有真正的关系,显然 Angular 在 Angular 加载自身之前无法开始加载文件。但是,如果资源(例如 /foo)可以被浏览器缓存,您可以将其添加到 list 文件中:http://www.html5rocks.com/en/tutorials/appcache/beginner/

关于angularjs - 如何尽快开始从服务器获取数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16045680/

相关文章:

angularjs - 需要一些 Jasmine 中 "callThrough"和 "callFake()"的实际示例

jquery - 如何在不使用 jQuery 的情况下获取元素的 offset().top 值?

angularjs - 如何处理来自$ sce.trustAsResourceUrl的错误

javascript - 如何定义变化的范围名称?

javascript - 附加到通过 Angularjs 中的输入文本添加的新 span 元素的数组

angularjs - Angular 文档说限制适用于属性(A)和元素(E)。源代码显示(AC)-为什么?

javascript - 使用 AngularJS 和 Firebase 更新 ng-repeat 中的值

javascript - 如何应用密码验证并验证密码

angularjs - 从另一个脚本文件加载时, Angular 模块的 $injector err

javascript - 我如何在angular js中使用带有指令的ng-model