Введение $scope в угловую сервисную функцию()

вместо того, чтобы пытаться изменить $scope в рамках сервиса, вы можете реализовать $watch в вашем контроллере, чтобы посмотреть свойство на вашем сервисе для изменений, а затем обновить свойство на $scope. Вот пример, который вы можете попробовать в контроллере:

angular.module('cfd')
    .controller('MyController', ['$scope', 'StudentService', function ($scope, StudentService) {

        $scope.students = null;

        (function () {
            $scope.$watch(function () {
                return StudentService.students;
            }, function (newVal, oldVal) {
                if ( newValue !== oldValue ) {
                    $scope.students = newVal;
                }
            });
        }());
    }]);

одна вещь, чтобы отметить, что в пределах вашей службы, для того, чтобы students свойство должно быть видимым, оно должно быть на объекте сервиса или this вот так:

this.students = $http.get(path).then(function (resp) {
  return resp.data;
});

хорошо (долго) ... если вы настаиваю иметь $scope доступ внутри службы, вы можете:

создать службу getter / setter

ngapp.factory('Scopes', function (){
  var mem = {};
  return {
    store: function (key, value) { mem[key] = value; },
    get: function (key) { return mem[key]; }
  };
});

введите его и сохраните область контроллера в нем

ngapp.controller('myCtrl', ['$scope', 'Scopes', function($scope, Scopes) {
  Scopes.store('myCtrl', $scope);
}]);

теперь, получить область внутри другой службы

ngapp.factory('getRoute', ['Scopes', '$http', function(Scopes, $http){
  // there you are
  var $scope = Scopes.get('myCtrl');
}]);

службы являются синглетами, и не логично вводить область в Службу (что действительно так, вы не можете вводить область в службу). Вы можете передать область в качестве параметра, но это также плохой выбор дизайна, потому что у вас будет область, редактируемая в нескольких местах, что затрудняет отладку. Код для работы с переменными области должен входить в контроллер, а вызовы службы - в службу.

вы можете сделать свою службу полностью неосведомленной о области, но в вашем контроллере разрешить асинхронное обновление области.

проблема, с которой вы столкнулись, заключается в том, что вы не знаете, что http-вызовы выполняются асинхронно, что означает, что вы не получаете значение сразу, как могли бы. Например,

var students = $http.get(path).then(function (resp) {
  return resp.data;
}); // then() returns a promise object, not resp.data

есть простой способ обойти это и поставить функцию обратного вызова.

.service('StudentService', [ '$http',
    function ($http) {
    // get some data via the $http
    var path = '/students';

    //save method create a new student if not already exists
    //else update the existing object
    this.save = function (student, doneCallback) {
      $http.post(
        path, 
        {
          params: {
            student: student
          }
        }
      )
      .then(function (resp) {
        doneCallback(resp.data); // when the async http call is done, execute the callback
      });  
    }
.controller('StudentSaveController', ['$scope', 'StudentService', function ($scope, StudentService) {
  $scope.saveUser = function (user) {
    StudentService.save(user, function (data) {
      $scope.message = data; // I'm assuming data is a string error returned from your REST API
    })
  }
}]);

В форма:

<div class="form-message">{{message}}</div>

<div ng-controller="StudentSaveController">
  <form novalidate class="simple-form">
    Name: <input type="text" ng-model="user.name" /><br />
    E-mail: <input type="email" ng-model="user.email" /><br />
    Gender: <input type="radio" ng-model="user.gender" value="male" />male
    <input type="radio" ng-model="user.gender" value="female" />female<br />
    <input type="button" ng-click="reset()" value="Reset" />
    <input type="submit" ng-click="saveUser(user)" value="Save" />
  </form>
</div>

этого удалены некоторые бизнес-логики для краткости и я на самом деле не проверял код, но что-то вроде этого будет работать. Основная концепция заключается в передаче обратного вызова от контроллера к службе, которая вызывается позже в будущем. Если вы знакомы с NodeJS, это та же концепция.

попал в такое же положение. В итоге я получил следующее. Так что здесь я не впрыскиваю объект scope в завод, а устанавливаю $ scope в самом контроллере используется понятие обещание возвращено $http сервис.

(function () {
    getDataFactory = function ($http)
    {
        return {
            callWebApi: function (reqData)
            {
                var dataTemp = {
                    Page: 1, Take: 10,
                    PropName: 'Id', SortOrder: 'Asc'
                };

                return $http({
                    method: 'GET',
                    url: '/api/PatientCategoryApi/PatCat',
                    params: dataTemp, // Parameters to pass to external service
                    headers: { 'Content-Type': 'application/Json' }
                })                
            }
        }
    }
    patientCategoryController = function ($scope, getDataFactory) {
        alert('Hare');
        var promise = getDataFactory.callWebApi('someDataToPass');
        promise.then(
            function successCallback(response) {
                alert(JSON.stringify(response.data));
                // Set this response data to scope to use it in UI
                $scope.gridOptions.data = response.data.Collection;
            }, function errorCallback(response) {
                alert('Some problem while fetching data!!');
            });
    }
    patientCategoryController.$inject = ['$scope', 'getDataFactory'];
    getDataFactory.$inject = ['$http'];
    angular.module('demoApp', []);
    angular.module('demoApp').controller('patientCategoryController', patientCategoryController);
    angular.module('demoApp').factory('getDataFactory', getDataFactory);    
}());