如何在angularjs中將數據從控制器獲取到Factory

Question

我是Angularjs World的新手。 我想從angularjs控制器獲取一些數據到Angularjs Factory.Controller和factory在不同的js文件中定義。

來自工廠的代碼（文件名為Application.js）

  var app=angular.module('myApp',[])

 app.factory('autoCompleteDataService', [function(MyController) {
    return {
       getSource: function() {
        return  MyController.getFirstName();

      }
   }

}]）;

 app.directive('autoComplete', function(autoCompleteDataService) {
    return {
       restrict: 'A',
        link: function(scope, elem, attr, ctrl) {
        $(elem).autocompleteArray(autoCompleteDataService.getSource(), {
        minLength: 2
      });
     }

  }})

控制器代碼（文件名Controller.js）

  function  MyController($scope){
    this.getFirstName= function ()
  {
      var arrayFName=[];
      for(var k=0;k< $scope.MyData.length;k++)
          {
            arrayFName.push($scope.MyData[k].fname);
          }
     return arrayFName;
  }

MyData是包含一些'fname'硬編碼值的數組

當我運行此代碼時出現錯誤“錯誤：MyController未定義”。 如果可以，是否可以從控制器中獲取數據？

Answer 1

您應該在工廠中定義source或firstName ，然后從控制器進行設置。 然后可以從使用工廠的其他控制器進行訪問。

var app=angular.module('myApp',[])

app.factory('autoCompleteDataService', [function () {
    var _source;
    return {
        getSource: function () {
            return _source;
        },
        setSource: function (source) {
            _source = source;
        }
    }
}]);

然后后續的控制器可能像：

app.controller('someController', ['$scope', 'autoCompleteDataService',
    function ($scope, autoCompleteDataService) {
        $scope.source = autoCompleteDataService.getSource();

        // or even...
        // $scope.getFirstName = autoCompleteDataService.getSource;
    }]);