javascript - Angularjs 如何使数据在所有范围内可用

Question

我希望使用 $http 从服务器端获取数据，并将其提供给我应用中的所有路由和 Controller 。

Javascript 代码示例

myApp.factory('menuService', function($http){

 $http.get('/pages').success(function(data){

        return data; //list of pages
    });
});

myApp.run(function($rootScope, menuService){

    $rootScope.menu = menuService;
});

HTML 代码示例

<ul >
    <li ng-repeat="page in menu">{{page.title}}</li>
</ul>

此代码实际上返回了数据，但并未将其打印在我的 html 页面上。请问有人可以帮忙吗？谢谢

Answer 1

您正在反转不同的 promise 模式。

您的代码应该是:

myApp.factory('menuService', function($http){

     return $http.get('/pages');


});

myApp.run(function($rootScope, menuService){

     menuService.then(function(data) {
          $rootScope.menu = data;
    }) 
});