Question

我目前有一个工厂，我用它来检索配置文件。

  m.factory('clientConfig', function($resource) {
    var r;
    r = $resource('assets/config.json', {}, {
      query: {
        method: 'GET'
      },
      isArray: false
    });
    return r.query();
  });

配置文件是一个json文件，其中包含nodeJS服务器的位置。在我的本地环境中，json文件是

{
    "serverURL": "http://localhost\\:3000"
}

当我在首页上启动我的应用时，这很好。首页加载clientConfig模块，任何后续页面都只使用如下所示的clientConfig模块而没有任何问题

m.factory('House', function($resource, clientConfig) {
    return $resource(clientConfig.serverURL + '/houses/:houseId',
...

我遇到的问题是，如果我在一个立即想要从服务器加载数据的页面上进入该站点。在这种情况下，因为clientConfig尚未填充且仍然为空，这会占用我的$ resource（clientConfig.serverURL +'/ houses /：houseId'调用。

我的问题是，是否可以加载clientConfig同步，或者至少在我的应用程序填充完成后才启动我的应用程序？

Answer 1

你不能。 $ resource总是返回异步数据。如果你想要同步数据，那么使用$ http而不是$ resource。

像这样更改您的服务;

         m.factory('clientConfig', function($http) {
        var get = function {
        $http.get('assets/config.json').success(function(data)){
                return data.serverURL;
});
    };

        });

并且像服务一样调用服务;

clientConfig.get();

Answer 2

你做不到。由于JavaScript（大部分）是单线程的，因此阻塞操作非常少。 XHR不是其中之一。没有办法让它同步。

根据您的角度版本，您可以使用$ then或$ promise it：

clientConfig.$then(function (){ do something})

或

clientConfig.$promise.then(function () {do something else})

是否可以同步调用ngResource？

2 个答案: