AngularJS - Bootstrapping dữ liệu thành một dịch vụ tải trang

Question

Trong ứng dụng angularjs, tôi đang cố gắng sử dụng dịch vụ tùy chỉnh để giữ dữ liệu chính của ứng dụng, "các mục". Tuy nhiên, tôi muốn bootstrap dữ liệu vào dịch vụ khi tải trang ban đầu, để tránh một yêu cầu ajax riêng biệt đến máy chủ để có được nó. Điều gì sẽ là cách sạch nhất để thực hiện việc này?

Dưới đây là một đoạn dịch vụ của tôi để tham khảo:

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

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

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

    return itemsService; 
}); 

Và trên backend Tôi đang sử dụng Node.js + expressjs + ngọc, vì vậy tôi sẽ được tiêm dữ liệu vào trang sử dụng:

!{JSON.stringify(items)} 

Answer 1

Đặt dữ liệu được khởi động của bạn từ máy chủ vào biến JavaScript chung. Yêu cầu dịch vụ của bạn chỉ định items cho biến toàn cầu đó (hoặc sao chép dữ liệu vào items).

Answer 2

Làm thế nào về một cái gì đó như thế này:

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

này giả định items của bạn ervice có hàm load (hoặc một cái gì đó giống như nó) mà Ajax thực tế làm việc bằng cách sử dụng tài nguyên $ http hoặc $.