0

我有一个服务会调用服务器并返回数据。我将服务绑定到范围内的变量。

例子：

  • 让服务成为DataModelService
  • 在控制器中：$scope.data = DataModelService
  • 在视图中 <div ng-repeat="value in data.persons">{{value.name}}</div>

我的代码：

This is how my code looks like:

/**DataModelService**/
factory('DataModelService', [
    'DataService',
    function (DataService) {
        var service;
        service = {
            changeState: function (params) {
                DataService.changePersonState(params)
                    .then(function (response) {
                        service.loadData(response.data);
                    });
            },
            loadData: function (responseData) {
                service.persons = responseData.persons;
            }
        }
        return service;
    }

]);
/**DataService**/
factory('DataService', ['$http',
    function ($http) {
        return {
            changePersonState: function (params) {
                return $http.post("url", params);
            }
        }
    }
]);


/**DataController**/
.controller('DataController', ['DataModelService',
    function (DataModelService) {
        $scope.data = DataModelService;
    }
]);

/查看/

<div ng-repeat = "person in data.persons" >{{person.name}} </div>

在视图中，我正在对数据中的一个键进行 ng-repeat，即 ng-repeat="value in data.persons"，并且我还可以选择将人员的状态更改为活动或非活动，因此每当我进行更改时对于人的状态，向服务器发送一个调用并将数据设置到服务中，并且由于它绑定到视图，它应该自动更新数据。但是在我的情况下发生了什么，ng-repeat 并没有删除旧数据，而是将新数据附加到旧数据中。

4

1 回答 1

1

then对我来说，将 Promise 回调 ( ) 写入服务并不是一个好方法。因为在您的情况下，会 DataModelService延迟返回数据，但不会承诺。而且我们不知道什么时候。

因此，$timeout通过使用其他方法添加基本和从服务中获取数据的方法。

所以我的建议是Demo

和你的固定例子：Demo2

如果我们以你的例子为例，它应该是这样的：

JS

var fessmodule = angular.module('myModule', ['ngResource']);

fessmodule.controller('fessCntrl', function ($scope, DataModelService, $timeout) {

    $scope.alertSwap = function () {       

        DataModelService.changeState('ff');

        $timeout(function(){
         $scope.data = DataModelService.getResponse();
        }, 10);       
    }

});

fessmodule.$inject = ['$scope', 'Data', '$timeout'];


/**DataModelService**/
fessmodule.factory('DataModelService', [ 'DataService',function (DataService) {
     var value = [];

    var service = {
        changeState: function (params) {

           DataService.changePersonState(params)
                .then(function (response) {                   
                   value = response.persons;                  
            });
        },
        getResponse : function(){
           return value;
        }
    }
    return service;
}

]);
/**DataService**/
fessmodule.factory('DataService', ['$q',function ($q) {
    var data = {        // dummy 
        persons: [{
            name: "Bob"
        }, {
            name: "Mark"
        }, {
            name: "Kelly"
        }]
    };

    var factory = {
        changePersonState: function (selectedSubject) {
            var deferred = $q.defer();
            deferred.resolve(data);
            return deferred.promise;
        }
    }

    return factory;

} //function
]);
于 2013-10-23T08:10:06.107 回答