更改服务中的数据

Question

我有一项服务可以从 URL 中获取 JSON，我想更改该数据，但我似乎做不到。现在我在控制器中更改了它，但这看起来很乱，因为范围没有到达我想要的地方。

//SERVICE
app.service("servers", function ($http, $q)
{
    // Grab json
    var deferred = $q.defer();
    $http.get('http://www.mocky.io/v2/58bea87e260000c318f07bfd').then(function (data)
    {
        deferred.resolve(data);
    });

    this.getItems = function ()
    {
        return deferred.promise;
    }

})


   // CONTROLLER

.controller("AppCtrl", function ($scope, servers, geoIP) {
    var promise = servers.getItems();
    promise.then(function (data)
    {
        $scope.items = data.data.items;
    });

    $scope.getSelectedItem = function() {
        return servers.selectedItem;
    }


    $scope.selectServer = function(item)
    {
        servers.selectedItem = item;

         servers.selectedItem.refactored_match_state = lowerCamelCaseUnderscoreRefactor(servers.selectedItem.session.attributes.match_state);

    }

    //COMPONENT/TEMPLATES
    //dbServerTable
    <tr data-ng-repeat="item in items | filter:search | orderBy:'name'"  data-ng-click="selectServer(item)">
        <td>{{item.display_name}}</td>
    </tr>

    //dbServerInfoSidebar
    <li>{{getSelectedItem().refactored_match_state}}</li>

任何人都可以用代码告诉我如何更改服务中的数据，任何可以访问该服务的控制器都可以在任何地方使用该数据

Answer 1

您可以使用 transformResponse property 个 $http 服务；
您可以在解决承诺之前修改您的数据 deferred.resolve(data);.

Answer 2

您是否正在尝试执行以下操作：

app.service("servers", function ($http, $q)
{
    this.parseData = data => {
        //modify data;
        return data;
    };

    this._request = $http.get('http://www.mocky.io/v2/58bea87e260000c318f07bfd')
      .then(this.parseData);

    this.getItems = () => this._request;
});

你根本不需要使用 deferred。这是不必要的。 $http return 是对你的承诺。如果你想改变任何数据，你只需要在请求之后链接，return链接方法中的修改数据。

Answer 3

服务的编码方式是一种反模式，应该避免。参考这个 link.

如下所示更改您的服务，并在 .then 函数中 data data 之前对数据进行修改。

app.service("servers", function ($http)
{
    this.getItems = function ()
    {
        return $http.get('http://www.mocky.io/v2/58bea87e260000c318f07bfd')
              .then(function (data)
                  {
                    // **** Modify data here ****
                    return data;
                  });
    }

})

Answer 4

app.service('services',['$q','$http','$rootScope',function($q,$http,$rootScope){
    var obj ={};
        obj.getData =function(x){
        var defer = $q.defer();
        $http.get('http://www.mocky.io/v2/58bea87e260000c318f07bfd')
        .then(function(response){
            defer.resolve(response);
        },function(error){
            defer.reject(error);
        });
        return defer.promise;
      }
    return obj;
    }])

app.controller('ctrl',function($scope,services){
   $scope.getItems = function(){
     services.getData()
    .then(function(response){
      $scope.Items=response.data;
    },function(error){
      console.log(error);
    });
  }
})

更改服务中的数据

Change data in Service

javascript

angularjs

angular-components