当服务器位于不同的本地主机上时如何使用 ngResource？

Question

我正在使用 Ionic 和 MEAN 堆栈构建应用程序。我的 express 服务器在 localhost:3000 上运行，而我的 Ionic 公共代码在 localhost:8100 上运行。根据我的研究，Ionic 似乎可以在与服务器不同的 IP 地址上运行，并且应该只使用 ngResource 来发送 $http 请求。

所以我在 server.js 中有一个这样的 RESTful 端点

router.get('/', function(req, res){
  res.json({"name":"Abdul"});
});

在 Ionic 客户端代码上，我发送如下请求：

app.controller('mainCtrl', function($scope, $resource){
    $scope.test = $resource('localhost:3000/');
    $scope.test_button = function(){
        console.log($scope.test);
    }
});

但是当我点击test_button，而不是[{"name":"Abdul"}] 登录控制台时，我收到以下空消息：

function Resource(value) {
     shallowClearAndCopy(value || {}, this);
}

谁能帮我连接客户端和服务器？

Answer 1

$resource 对象只会创建一个具有get、save、update 等的对象。所以要调用服务器的get 方法，您需要调用$resource 对象的get 方法。该方法将返回 $promise 对象将提供一个承诺。你可以在上面放置.thenpromise，在其中你将在成功函数中获取数据。

还有一件事是，当您从服务器返回数据时，您返回的是数组格式的对象。因此，在这种情况下，您需要指定 get 方法将返回数组，其中包含 isArray: true 选项。

$scope.test = $resource('http://localhost:3000/', {}, {get: { isArray: true}});
$scope.test.get().$promise.then(function(data){ //success function
   $scope.test = data;
},function(error){ //error function
   console.log(error);
})

---

为了使您的应用程序更好，您可以将您的 $resource 对象移动到 service/factory 以使该调用可重用。

app.service('dataService', function($resource){
   var resourceUrl = $resource('http://localhost:3000/', {}, {get: { isArray: true} });
   this.getData = function(){
      return resourceUrl.get().$promise;
   };
})

控制器

app.controller('mainCtrl', function($scope, dataService){
    $scope.test_button = function(){
       dataService.getData().then(function(data){ //success function
           $scope.test = data;
       },function(error){ //error function
           console.log(error);
       })
    }
});