javascript - 在 AngularJS 1.5 中使用异步服务

Question

我对 Angular 世界还很陌生。创建单例服务以在我的 Controller 中使用。服务代码如下

      function obiUrlService(remote, SERVER_URL, URI, OBI_URL) {
      this.obiUrl = this.getObiurl;
       this.getObiurl = function() {
       remote
         .get(SERVER_URL + URI.obiDocumentViewer + '/' + OBI_URL.obiUrl)
         .then(function(data) {
          return data;
       });
     };
    }

注意:远程是我在这里使用的一项单独服务。

我希望我的 Controller 使用类似这样的服务-

    vm.myurlData = obiUrlService.obiUrl;

Answer 1

JavaScript 执行非阻塞 I/O。远程服务无法返回数据。它只能返回从中提取数据的 promise 。

app.service("obiUrlService",
  function obiUrlService(remote, SERVER_URL, URI, OBI_URL) {
    ̶t̶h̶i̶s̶.̶o̶b̶i̶U̶r̶l̶ ̶=̶ ̶t̶h̶i̶s̶.̶g̶e̶t̶O̶b̶i̶u̶r̶l̶;̶
    this.getObiUrl = function() {
      return remote
        .get(SERVER_URL + URI.obiDocumentViewer + '/' + OBI_URL.obiUrl);
        ̶.̶t̶h̶e̶n̶(̶f̶u̶n̶c̶t̶i̶o̶n̶(̶d̶a̶t̶a̶)̶ ̶{̶
         ̶r̶e̶t̶u̶r̶n̶ ̶d̶a̶t̶a̶;̶
       ̶}̶)̶;̶
  };
})

在 Controller 中:

obiUrlService.getObiUrl.then(function(data) {
  vm.myurlData = data;
});