AngularJS - 在页面加载时将数据引导到服务中

Question

在 angularjs 应用程序中，我尝试使用自定义服务来保存应用程序的主要数据“项目”。但是，我想在初始页面加载时将数据引导到服务中，以避免向服务器发出单独的 ajax 请求来获取它。这样做最干净的方法是什么？

这是我的服务的 sn-p 供参考：

app.factory('items', function() {
    var itemsService = {},
        items = [];

    itemsService.list = function() {
        return items;
    };

    itemsService.add = function() {
        /* ... */
    };

    return itemsService;
});

在后端我使用的是 node.js + expressjs + jam，所以我将使用以下方法将数据注入页面：

!{JSON.stringify(items)}

Answer 1

这样的事情怎么样：

app.run(['items', function (items) {
   items.load();
}])

这假定您的 items 服务有一个 load 函数（或类似的函数），它使用 $http 或 $resource 执行实际的 Ajax 工作。

Answer 2

将来自服务器的引导数据放入全局 JavaScript 变量中。让您的服务将 items 分配给该全局变量（或将数据复制到 items）。