如何在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;
    }]);